mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-07-20 18:08:55 +00:00
a5e85decfd
Introduce coherent scales that replace ad-hoc hardcoded values and give future components documented tokens to adopt. Typography (src/styles/_css-variables.scss + src/styles/page.scss via body styles in the sweep commit): - --font-size-xs..3xl (11–28px) with --font-size-md as the body base. - --font-weight-medium/semibold/bold (400 is the browser default, not declared). - --line-height-tight/snug/normal (unitless so they scale with size). - --letter-spacing-tighter/tight/normal/wide. - --font-mono-stack for code/kbd/pre/samp. - --font-primary-stack reordered to lead with native OS UI fonts (-apple-system, Segoe UI Variable Text, Roboto) with Inter/Open Sans as graceful fallbacks. Radius scale: - --radius-xs/sm/md/lg/xl and --radius-pill. - --card-border-radius retargets to var(--radius-md) (4px → 8px) and --task-border-radius retargets to var(--radius-sm) (4px → 6px) for a softer surface treatment; both legacy aliases stay so 30+ consumers don't need touching. Focus ring (keyboard accessibility): - --focus-ring-width / -offset / -color tokens. - .focus-ring opt-in utility class in src/styles/util.scss using outline on :focus-visible — Material components keep their own focus treatment. Font stack dedup: src/styles/_fonts.scss is the single source of truth for the stack. _css-variables.scss interpolates it into --font-primary-stack; themes.scss passes the same list (as a literal string, which is all mat.m2-define-typography-config accepts) — no more "keep in sync" drift trap. Also fix the inherited --transition-duration--leave (double dash) typo on the light-theme body block so the override actually matches its intended name. docs/styling-guide.md documents all the new tokens, correct the transition-duration values to match _css-variables.scss (-s 150ms, -m 225ms), and adds a Focus Ring section with adoption guidance. |
||
|---|---|---|
| .. | ||
| long-term-plans | ||
| plans | ||
| promotion | ||
| research | ||
| screens | ||
| sync-and-op-log | ||
| wiki | ||
| add-new-integration.md | ||
| build-and-publish-notes.md | ||
| ENV_SETUP.md | ||
| github-access-token-instructions.md | ||
| gitlab-access-token-instructions.md | ||
| how-to-rate.md | ||
| howto-refresh-snap-credentials.md | ||
| i18n-script-usage.md | ||
| legacy-webview-analysis.md | ||
| mac-app-store-code-signing-guide.md | ||
| performance-project-tag-report.md | ||
| plugin-development.md | ||
| styling-guide.md | ||
| TRANSLATING.md | ||
| unused-translations-analysis.md | ||
| update-android-app.md | ||
| update-mac-certificates.md | ||