cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: light/dark theme toggle

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-12 10:32:39 -08:00
parent 979cabd6e9
commit bb0068a4e9
No known key found for this signature in database
8 changed files with 80 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/assets/styles/partials/vars.css
View file

@ -113,6 +113,19 @@
}
}
:root body.theme__dark {
--text-color: var(--white);
--background-color: var(--black);
--text-color-inverted: var(--black);
--background-color-inverted: var(--white);
--accent-color: var(--blue-400);
--accent-color-hover: var(--blue-200);
--gray-light: var(--gray-900);
--gray-lighter: var(--gray-950);
--gray-dark: var(--gray-300);
--brand-github: #f5f5f5;
}
@media (prefers-reduced-motion) {
:root {
--transition-duration-default: 0.01ms;