--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. |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| uno.config.ts | ||
| vite.config.ts | ||