From 5bbe5adff1ad89f6fe01e6428e096dc0608a8bcd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9?=
 <corfirean@gmail.com>
Date: Wed, 30 Sep 2026 23:16:11 +0500
Subject: [PATCH] UI: dark slim scroll bars

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 src/index.css | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

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