45 lines
1,015 B
CSS
45 lines
1,015 B
CSS
/* ---------------- Colors ---------------- */
|
|
|
|
|
|
:root {
|
|
/* root default is dark */
|
|
color-scheme: dark;
|
|
|
|
--bg-color: var(--nord0);
|
|
--text-color: var(--nord4);
|
|
--article-color: var(--nord2);
|
|
|
|
--highlight-color: var(--nord8);
|
|
--highlight-color-rgb: var(--nord8-rgb);
|
|
}
|
|
|
|
/* 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);
|
|
--article-color: var(--nord2);
|
|
|
|
--highlight-color: var(--nord8);
|
|
--highlight-color-rgb: var(--nord8-rgb);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
/* root values for lightmode (eww) users... */
|
|
:root {
|
|
color-scheme: light;
|
|
|
|
--bg-color: var(--nord4);
|
|
--text-color: var(--nord0);
|
|
--article-color: var(--nord6);
|
|
|
|
--highlight-color: var(--nord8);
|
|
--highlight_color-rgb: 181, 122, 240;
|
|
}
|
|
}
|