marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scroll-to-top visible class + reading progress dark mode

Browse Source 
- Wire visible state to className in ScrollToTop component
- Replace hard-coded rgba with color-mix() for theme-aware background
- Dark mode reading progress uses 15% ink color mix
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 22:48:18 -05:00
parent 5ac5605933
commit 06481d0c26
2 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/globals.css
View File

@@ -396,16 +396,13 @@ html.dark code[data-theme*=" "] span {
/* === Reading progress vertical bar === */
.reading-progress {
position: fixed;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 60px;
background: rgba(0, 0, 0, 0.08);
border-radius: 2px;
z-index: 9998;
overflow: hidden;
position: fixed; right: 12px; top: 50%; transform: translateY(-50%);
width: 3px; height: 60px;
background: color-mix(in oklch, var(--color-ink) 8%, transparent);
border-radius: 2px; z-index: 9998; overflow: hidden;
}
.dark .reading-progress {
background: color-mix(in oklch, var(--color-ink) 15%, transparent);
}
.reading-progress-fill {
width: 100%;