From ff1e1f667930d96094095998e0247dba497b8be5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 6 Mar 2026 14:38:02 +0100
Subject: [PATCH] feat: style scrollbars globally using theme colors

Thin scrollbars using --border for thumb and transparent track,
with --muted-foreground on hover. Uses both scrollbar-color (Firefox)
and ::-webkit-scrollbar (Chrome/Safari).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/app.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/frontend/src/app.css b/packages/frontend/src/app.css
index 435208f..6a67899 100644
--- a/packages/frontend/src/app.css
+++ b/packages/frontend/src/app.css
@@ -104,6 +104,26 @@
   * {
     border-color: var(--border);
     outline-color: var(--ring);
+    scrollbar-width: thin;
+    scrollbar-color: var(--border) transparent;
+  }
+
+  *::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background-color: var(--border);
+    border-radius: 9999px;
+  }
+
+  *::-webkit-scrollbar-thumb:hover {
+    background-color: var(--muted-foreground);
   }
 
   .prose h2 {