I actually updated the css once more.
If you’re using a dark theme in your browser, the website will follow suit and change to darker colors.
I did this by setting the light theme to be by default for more readability:
:root {
--bg: #fafafa;
--fg: #2f343f;
--links: #4084d6;
--muted_text: rgb(93, 93, 99);
}
and then this checks that if the user prefers a darker theme, they shall get a dark theme. Simple as that really, I didn’t know this stuff existed, thought webshits just use java script for everything, but I guess I’m wrong.
@media (prefers-color-scheme: dark) {
:root {
--bg: #141414;
--fg: rgb(232, 228, 228);
--links: #5da0f2;
--muted_text: rgb(179, 182, 186);
}
}
And this is how CSS variables are used:
body {
font-family: sans-serif;
background: var(--bg);
color: var(--fg);
}