--color-primary in dark mode is a medium-light green (#6ab870); white on green yields ~2.2:1 contrast (fails WCAG AA 4.5:1 minimum). Using --color-surface (dark navy in dark mode, near-white in light mode) ensures the text always contrasts strongly with the primary background regardless of theme. Also tints banner background with 8% primary via color-mix() so it reads as visually distinct from the page surface without being loud. |
||
|---|---|---|
| .. | ||
| assets | ||
| components | ||
| composables | ||
| router | ||
| stores | ||
| views | ||
| App.vue | ||
| main.ts | ||
| test-setup.ts | ||