nycki/nycki.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor css and change light theme to offwhite
All checks were successful
/ build (push) Successful in 29s
Details

Browse source
This commit is contained in:
Nycki 2025-03-21 18:35:45 -07:00
parent 6d26ac8833
commit 0ba8cfaf6e
1 changed files with 24 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
content/index.css
View file

@ -9,33 +9,38 @@ html {
--font-family: comic-mono, consolas, sans-serif;
--syntax-tab-size: 2;
--background-color: var(--xkcd-eggshell);
--text-color: var(--xkcd-dark-grey);
--text-color-link: var(--xkcd-teal);
--accent-color: var(--xkcd-red-orange);
--background-light: var(--xkcd-offwhite);
--text-light: var(--xkcd-dark-grey);
--link-light: var(--xkcd-teal);
--accent-light: var(--xkcd-red-orange);
--background-dark: var(--xkcd-very-dark-brown);
--text-dark: var(--xkcd-light-grey);
--link-dark: var(--xkcd-steel-blue);
--accent-dark: var(--xkcd-bronze);
}
html, [theme='light'] {
--background-color: var(--background-light);
--text-color: var(--text-light);
--text-color-link: var(--link-light);
--accent-color: var(--accent-light);
}
@media(prefers-color-scheme: dark) {
html {
--background-color: var(--xkcd-very-dark-brown);
--text-color: var(--xkcd-light-grey);
--text-color-link: var(--xkcd-steel-blue);
--accent-color: var(--xkcd-bronze);
--background-color: var(--background-dark);
--text-color: var(--text-dark);
--text-color-link: var(--link-dark);
--accent-color: var(--accent-dark);
}
}
[theme='dark'] {
--background-color: var(--xkcd-very-dark-brown);
--text-color: var(--xkcd-light-grey);
--text-color-link: var(--xkcd-steel-blue);
--accent-color: var(--xkcd-bronze);
}
[theme='light'] {
--background-color: var(--xkcd-eggshell);
--text-color: var(--xkcd-dark-grey);
--text-color-link: var(--xkcd-teal);
--accent-color: var(--xkcd-red-orange);
--background-color: var(--background-dark);
--text-color: var(--text-dark);
--text-color-link: var(--link-dark);
--accent-color: var(--accent-dark);
}
/* Global stylesheet */