Switch default accent to deep teal

This commit is contained in:
2026-06-05 13:41:34 +03:00
parent cc0814a596
commit 29217aefcf
3 changed files with 63 additions and 33 deletions
+23 -12
View File
@@ -79,26 +79,32 @@
}
/*
* Accent — the FREE, swappable layer (doc §3.3). Indigo is the default and is
* Accent — the FREE, swappable layer (doc §3.3). Deep teal is the default and is
* defined on :root / [data-theme='dark'] so `--accent` always resolves even with
* no `[data-accent]` attribute. The alternates below are opt-in; an accent
* switcher arrives with Settings in M5. Brighter values on the dark canvas keep
* accent-on-bg and text-on-accent contrast within AA.
* accent-on-bg and text-on-accent contrast within AA (all values verified AA in
* both themes — see the candidate showcase that picked teal).
*/
:root {
--accent: #5b54e6;
--accent-hover: #4a43d6;
--accent: #0e7490;
--accent-hover: #0c5f77;
--accent-contrast: #ffffff;
}
[data-theme='dark'] {
--accent: #8b85f0;
--accent-hover: #a29bf5;
--accent: #2dd4bf;
--accent-hover: #5eead4;
--accent-contrast: #161616;
}
[data-accent='teal'] {
--accent: #0f766e;
--accent-hover: #0c5f59;
[data-accent='blue'] {
--accent: #0f62fe;
--accent-hover: #0353e9;
--accent-contrast: #ffffff;
}
[data-accent='indigo'] {
--accent: #5b54e6;
--accent-hover: #4a43d6;
--accent-contrast: #ffffff;
}
[data-accent='amber'] {
@@ -111,9 +117,14 @@
--accent-hover: #9f1239;
--accent-contrast: #ffffff;
}
[data-theme='dark'][data-accent='teal'] {
--accent: #2dd4bf;
--accent-hover: #5eead4;
[data-theme='dark'][data-accent='blue'] {
--accent: #78a9ff;
--accent-hover: #a6c8ff;
--accent-contrast: #161616;
}
[data-theme='dark'][data-accent='indigo'] {
--accent: #8b85f0;
--accent-hover: #a29bf5;
--accent-contrast: #161616;
}
[data-theme='dark'][data-accent='amber'] {