diff --git a/src/index.css b/src/index.css index d441f36..90061b1 100644 --- a/src/index.css +++ b/src/index.css @@ -37,6 +37,46 @@ body { user-select: none; } +/* Dark, slim scroll bars that match the interface (the default light ones stand out too much). */ +html { + color-scheme: dark; +} + +* { + scrollbar-width: thin; + scrollbar-color: rgb(255 255 255 / 0.16) transparent; +} + +*::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +*::-webkit-scrollbar-track { + background: transparent; +} + +*::-webkit-scrollbar-thumb { + background: rgb(255 255 255 / 0.14); + border-radius: 999px; + border: 2px solid transparent; + background-clip: content-box; +} + +*::-webkit-scrollbar-thumb:hover { + background: rgb(201 162 74 / 0.55); + background-clip: content-box; +} + +*::-webkit-scrollbar-thumb:active { + background: rgb(201 162 74 / 0.8); + background-clip: content-box; +} + +*::-webkit-scrollbar-corner { + background: transparent; +} + ::selection { background: rgb(201 162 74 / 0.35); }