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

update: hooks, web

Browse Source
This commit is contained in:
Vick Scarlet
2026-08-11 02:17:31 +08:00
parent 727fe5de77
commit 5353edd6a1
67 changed files with 2339 additions and 2243 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/ThemeToggle.css
+46
View File
@@ -0,0 +1,46 @@
.theme-toggle-btn {
background: transparent;
border: none;
cursor: pointer;
padding: 0.25rem;
border-radius: 50%;
position: fixed;
top: 0.5rem;
right: 0.5rem;
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
-webkit-tap-highlight-color: transparent;
transition: background-color 0.3s;
--hover-color: rgba(0, 0, 0, 0.05);
&:hover { background-color: var(--hover-color);}
}
.theme-svg {
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
.sun-center, .sun-beams, .mask-cutter-group {
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
}
.mask-cutter-group { transform: translate(0.75rem, -0.75rem); }
.sun-center { fill: oklch(from var(--base-text-color) calc(l + 0.2) c h); }
.sun-beams { stroke: oklch(from var(--base-text-color) calc(l + 0.2) c h); }
}
html[data-theme='dark'] {
.theme-toggle-btn { --hover-color: rgba(255, 255, 255, 0.1); }
.mask-cutter-group { transform: translate(0, 0); }
.theme-svg { transform: rotate(375deg); }
.sun-center {
transform: scale(1.5);
fill: #fbbf24;
}
.sun-beams {
opacity: 0;
transform: scale(0.6);
stroke: #fbbf24;
}
}