fix: thin subtle scrollbar — 6px, white/8% thumb, transparent track

2026-03-24 22:32:40 +01:00
parent f3d72c9841
commit b74742e15e
1 changed files with 20 additions and 0 deletions
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -69,6 +69,26 @@
    transform-style: preserve-3d;
  }

+  /* * Thin subtle scrollbar */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
+  }
+  *::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  *::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.08);
+    border-radius: 3px;
+  }
+  *::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.15);
+  }
+
  /* * Scrollbar hide - for horizontal scroll navs */
  .scrollbar-hide {
    -ms-overflow-style: none;