UI: dark slim scroll bars

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

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);
 }