mirror of
https://github.com/olehomelchenko/astrolabe.git
synced 2026-08-08 02:02:33 +00:00
Switch default accent to deep teal
This commit is contained in:
+23
-12
@@ -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'] {
|
||||
|
||||
Reference in New Issue
Block a user