sinvo/lifeRestart
1
0
Fork 0
mirror of https://github.com/VickScarlet/lifeRestart.git synced 2026-08-28 09:16:47 +08:00
Code Issues Projects Releases Wiki Activity

update: style

Browse Source
This commit is contained in:
Vick Scarlet
2026-08-16 20:06:16 +08:00
committed by 神戸小鳥
parent 9dc8a3e8bb
commit 2f5e05f937
8 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/ThemeToggle.css
+17 -5
View File
@@ -1,5 +1,4 @@
.theme-svg {
--svg-color: oklch(from var(--text-color, var(--base-text-color)) calc(l + 0.2) c h);
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
.sun-center, .sun-beams, .mask-cutter-group {
@@ -7,13 +6,26 @@
transform-origin: center;
}
.mask-cutter-group { transform: translate(0.75rem, -0.75rem); }
.sun-center {
.sun-center {
transition: fill 0.2s ease-in-out;
fill: var(--svg-color);
fill: var(--style-color);
}
.sun-beams {
.sun-beams {
transition: stroke 0.2s ease-in-out;
stroke: var(--svg-color);
stroke: var(--style-color);
}
}
button.theme-toggle-btn {
@media (hover: hover) {
&:hover .theme-svg{
.sun-center { fill: var(--style-background); }
.sun-beams { stroke: var(--style-background); }
}
}
&:active .theme-svg{
.sun-center { fill: var(--style-background); }
.sun-beams { stroke: var(--style-background); }
}
}