From 843ab95ec2e29229568ca4d9fbe0ee81b6b390ec Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Thu, 12 Mar 2026 07:32:50 -0700
Subject: [PATCH] chore: use transparent scrollbar

---
 js/src/styles/globals.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/js/src/styles/globals.css b/js/src/styles/globals.css
index 6e2fdb7..928dc89 100644
--- a/js/src/styles/globals.css
+++ b/js/src/styles/globals.css
@@ -121,6 +121,30 @@
   }
 }
 
+/* Scrollbar styling */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: oklch(1 0 0 / 20%) transparent;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: oklch(1 0 0 / 20%);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: oklch(1 0 0 / 35%);
+}
+
 /* Frameless window drag regions */
 .drag-region {
   -webkit-app-region: drag;