feat: added dark mode functionality
This commit is contained in:
1 parent
0e8b82be97
commit
663f2334d1
3 files changed
+17
-23
No files matched your search
@@ -2,23 +2,10 @@
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
.sun-and-moon > :is(.moon, .sun) {
|
||||
fill: var(--icon-fill);
|
||||
}
|
||||
|
||||
.theme-toggle:is(:hover, :focus-visible) > .sun-and-moon > :is(.moon, .sun) {
|
||||
fill: var(--icon-fill-hover);
|
||||
}
|
||||
|
||||
.theme-toggle .sun-and-moon > .sun-beams {
|
||||
stroke: var(--icon-fill);
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.theme-toggle:is(:hover, :focus-visible) .sun-and-moon > .sun-beams {
|
||||
stroke: var(--icon-fill-hover);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .sun-and-moon > .sun {
|
||||
transform: scale(1.75);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user