valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: use primary color for scrollbar thumbs
All checks were successful
Build and Push Backend Image / build (push) Successful in 17s
Details
Build and Push Frontend Image / build (push) Successful in 4m0s
Details

Browse Source 
40% opacity at rest, 70% on hover, adapts to light/dark theme.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-06 14:42:15 +01:00
parent 7a9ce0c3b1
commit 434e926f77
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend/src/app.css
View File

@@ -105,7 +105,7 @@
border-color: var(--border); border-color: var(--border);
outline-color: var(--ring); outline-color: var(--ring);
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--border) transparent; scrollbar-color: color-mix(in oklab, var(--primary) 40%, transparent) transparent;
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
@@ -118,17 +118,17 @@
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background-color: var(--border); background-color: color-mix(in oklab, var(--primary) 40%, transparent);
border-radius: 9999px; border-radius: 9999px;
} }
*::-webkit-scrollbar-thumb:hover { *::-webkit-scrollbar-thumb:hover {
background-color: var(--muted-foreground); background-color: color-mix(in oklab, var(--primary) 70%, transparent);
} }
html { html {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--border) transparent; scrollbar-color: color-mix(in oklab, var(--primary) 40%, transparent) transparent;
} }
.prose h2 { .prose h2 {