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

feat: add auto theme mode

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-26 18:16:52 -07:00
parent ab2d732ec5
commit 50640d0590
No known key found for this signature in database
6 changed files with 39 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/assets/styles/components/theme-toggle.css
View file

@ -28,6 +28,23 @@ theme-toggle {
stroke: var(--moon);
}
& > .auto svg {
& path:nth-of-type(3) {
stroke: var(--moon);
}
& path:nth-of-type(2),
& path:nth-of-type(4),
& path:nth-of-type(5),
& path:nth-of-type(6) {
stroke: var(--sun);
}
& path:nth-of-type(7) {
stroke: var(--twilight);
}
}
.light,
.dark {
display: none;

1
src/assets/styles/defaults/vars.css
View file

@ -51,6 +51,7 @@
--moon: #6a5acd;
--sun: #ffa500;
--twilight: #9e7485;
--article: light-dark(#007272, #00ffff);
--about: light-dark(#e4513a, #ff967d);