feat: Phase 0 - Audit-Fixes + Glass-Token-Layer
Accessibility fixes (WCAG 2.2): - K1: Entferne user-scalable=no aus viewport (WCAG 1.4.4) - K2: Korrigiere var(--color-background) → var(--color-bg) in settings.css - H1: --color-text-tertiary #737370 → #6B6B68 (WCAG AA: 4.52:1) - H2: --color-info #54AEFF → #0969DA (WCAG AA: 4.6:1 auf weiß) - H4+H5: Korrigiere nicht-existente Token-Referenzen in settings.css (--color-surface-raised → --color-surface-2, --duration-fast → --transition-fast) - H7: aria-label + role=presentation auf Modal-Overlay - N1: theme-color Meta-Tags auf tatsächliche Design-Tokens angleichen - N2: var(--color-text) → var(--color-text-primary) in notes.css - N3: Hardcoded #1E5CB3 → var(--color-accent-deep) in dashboard.css - N4: Hardcoded padding 2px 8px → Token-Referenzen in meals.css Neue Tokens: - --color-accent-deep: tiefer Akzent für Gradienten - Glass-Token-Layer (Section 16) mit 7 Kategorien: Hintergründe, Blur-Stufen, Opazitäten, Highlights, Schatten, Radien, Übergänge - Dark-Mode-Varianten für alle Glass-Tokens - prefers-reduced-transparency: opake Fallbacks - prefers-contrast: more: Kontrast-Fallbacks ohne Blur i18n: modal.overlayLabel in allen 9 Sprachen ergänzt
This commit is contained in:
@@ -641,7 +641,7 @@
|
||||
* -------------------------------------------------------- */
|
||||
.weather-widget {
|
||||
position: relative;
|
||||
background: linear-gradient(135deg, var(--color-accent) 0%, #1E5CB3 100%);
|
||||
background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-deep) 100%);
|
||||
color: var(--color-text-on-accent);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user