diff --git a/src/style.css b/src/style.css index 9603ec3..20d029c 100644 --- a/src/style.css +++ b/src/style.css @@ -47,3 +47,17 @@ kbd { padding: 0 4px; color: var(--text); } + +/* Thin dark scrollbars: a rounded thumb that brightens on hover, no arrows. */ +::-webkit-scrollbar { width: 10px; height: 10px; background: transparent; } +::-webkit-scrollbar-track { background: transparent; } +::-webkit-scrollbar-corner { background: transparent; } +::-webkit-scrollbar-button { display: none; } +::-webkit-scrollbar-thumb { + background: #2c3150; + border-radius: 999px; + border: 3px solid transparent; + background-clip: padding-box; +} +::-webkit-scrollbar-thumb:hover { background-color: #4a5280; } +::-webkit-scrollbar-thumb:active { background-color: var(--accent); }