feat: style scrollbars globally using theme colors

Thin scrollbars using --border for thumb and transparent track,
with --muted-foreground on hover. Uses both scrollbar-color (Firefox)
and ::-webkit-scrollbar (Chrome/Safari).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-06 14:38:02 +01:00
parent 648123fab5
commit ff1e1f6679

View File

@@ -104,6 +104,26 @@
* {
border-color: var(--border);
outline-color: var(--ring);
scrollbar-width: thin;
scrollbar-color: var(--border) transparent;
}
*::-webkit-scrollbar {
width: 6px;
height: 6px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: var(--border);
border-radius: 9999px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: var(--muted-foreground);
}
.prose h2 {