43 lines
894 B
CSS
43 lines
894 B
CSS
|
/* ---------------- Colors ---------------- */
|
||
|
|
|
||
|
|
|
||
|
|
:root {
|
||
|
|
/* root default is dark */
|
||
|
|
color-scheme: dark;
|
||
|
|
|
||
|
|
--bg-color: var(--nord0);
|
||
|
|
--text-color: var(--nord4);
|
||
|
|
|
||
|
|
--highlight-color: var(--nord8);
|
||
|
|
--highlight-color-rgb: 133, 64, 201;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Detect which mode the user prefers */
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
|
||
|
|
/* root values for darkmode (best) users :3 */
|
||
|
|
:root {
|
||
|
|
color-scheme: dark;
|
||
|
|
|
||
|
|
--bg-color: var(--nord0);
|
||
|
|
--text-color: var(--nord4);
|
||
|
|
|
||
|
|
--highlight-color: var(--nord8);
|
||
|
|
--highlight-color-rgb: 133, 64, 201;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
|
||
|
|
/* root values for lightmode (eww) users... */
|
||
|
|
:root {
|
||
|
|
color-scheme: light;
|
||
|
|
|
||
|
|
--bg-color: var(--nord4);
|
||
|
|
--text-color: var(--nord0);
|
||
|
|
|
||
|
|
--highlight-color: var(--nord8);
|
||
|
|
--highlight_color-rgb: 181, 122, 240;
|
||
|
|
}
|
||
|
|
}
|