rommapp/romm
1
0
Fork 0
mirror of https://github.com/rommapp/romm.git synced 2026-10-12 02:21:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4955 from andest01/fix/dark-mode-wcag-aa

Browse Source 
fix(a11y): dark mode typography is WCAG AA safe
This commit is contained in:
Georges-Antoine Assi
2026-09-30 15:23:25 -04:00
committed by GitHub
parent 5a41e34363 96546f304a
commit ec097ea7e9
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/v2/styles/tokens.css
+3 -3
View File
@@ -183,9 +183,9 @@ html[data-input="pad"] .r-v2 {
--r-color-surface-hover: rgba(255, 255, 255, 0.12);
--r-color-fg: #ffffff;
--r-color-fg-heading: #ffffff;
--r-color-fg-secondary: rgba(255, 255, 255, 0.75);
--r-color-fg-muted: rgba(255, 255, 255, 0.45);
--r-color-fg-faint: rgba(255, 255, 255, 0.25);
--r-color-fg-secondary: rgba(255, 255, 255, 0.83);
--r-color-fg-muted: rgba(255, 255, 255, 0.55);
--r-color-fg-faint: rgba(255, 255, 255, 0.45);
--r-color-fg-faint-hard: rgba(255, 255, 255, 0.05);
--r-color-border: rgba(255, 255, 255, 0.07);
--r-color-border-strong: rgba(255, 255, 255, 0.15);
frontend/src/v2/tokens/index.ts
+3 -3
View File
@@ -131,9 +131,9 @@ export const colorDark = {
// theme overrides this to a slightly-muted near-black (white-on-dark titles
// don't read as harshly as black-on-white ones).
fgHeading: "#ffffff",
fgSecondary: "rgba(255, 255, 255, 0.75)",
fgMuted: "rgba(255, 255, 255, 0.45)",
fgFaint: "rgba(255, 255, 255, 0.25)",
fgSecondary: "rgba(255, 255, 255, 0.83)",
fgMuted: "rgba(255, 255, 255, 0.55)",
fgFaint: "rgba(255, 255, 255, 0.45)",
fgFaintHard: "rgba(255, 255, 255, 0.05)",
border: "rgba(255, 255, 255, 0.07)",
borderStrong: "rgba(255, 255, 255, 0.15)",