From 8556a80868202cba5eb9e5cda1ec4bfbface8f60 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Sun, 8 Mar 2026 23:28:56 +0100
Subject: [PATCH] sscrol

---
 src/styles.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/styles.css b/src/styles.css
index e422445..a723826 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -128,6 +128,38 @@ pre {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', 'Courier New', monospace;
 }
 
+/* Compact scrollbars that respect light/dark mode */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: hsl(var(--muted-foreground) / 0.35) transparent;
+}
+.dark * {
+    scrollbar-color: hsl(var(--muted-foreground) / 0.4) transparent;
+}
+*::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+*::-webkit-scrollbar-track {
+    background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+    background: hsl(var(--muted-foreground) / 0.35);
+    border-radius: 3px;
+}
+*::-webkit-scrollbar-thumb:hover {
+    background: hsl(var(--muted-foreground) / 0.5);
+}
+*::-webkit-scrollbar-corner {
+    background: transparent;
+}
+.dark *::-webkit-scrollbar-thumb {
+    background: hsl(var(--muted-foreground) / 0.4);
+}
+.dark *::-webkit-scrollbar-thumb:hover {
+    background: hsl(var(--muted-foreground) / 0.55);
+}
+
 @layer base {
     :root {
         --background: 0 0% 100%;