From 3949a252dbcf0c78458b845aeb345ded8f461423 Mon Sep 17 00:00:00 2001
From: boojack <stevenlgtm@gmail.com>
Date: Sun, 26 Apr 2026 00:24:45 +0800
Subject: [PATCH] style(web): refine scrollbar styling

---
 web/src/index.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/web/src/index.css b/web/src/index.css
index 9d651cfa8..532aba00e 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -5,6 +5,26 @@
 @layer base {
   * {
     @apply border-border outline-none ring-0;
+    scrollbar-color: color-mix(in oklch, var(--muted-foreground) 55%, transparent) transparent;
+    scrollbar-width: thin;
+  }
+
+  *::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background-color: color-mix(in oklch, var(--muted-foreground) 45%, transparent);
+    border-radius: 999px;
+  }
+
+  *::-webkit-scrollbar-thumb:hover {
+    background-color: color-mix(in oklch, var(--muted-foreground) 65%, transparent);
   }
 
   body {