From b46d23b5bb66e1643ffa221b1a516c23f4d2927d Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Wed, 6 May 2026 07:22:40 +0200
Subject: [PATCH] style(scrollbar): match shadcn ScrollArea aesthetic on native
 scrollbars

The page-level scroll on every standalone falls back to the browser's default
scrollbar because nothing wraps the app shell in <ScrollArea>. Add global
@layer base styles so native scrollbars (page scroll, textareas, etc.) pick
up the same border-color thumb + transparent track + rounded-full styling
as the shadcn ScrollArea component.
---
 src/assets/index.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/assets/index.css b/src/assets/index.css
index 8310684..7d02eaa 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -177,4 +177,31 @@
   body {
     @apply bg-background text-foreground;
   }
+
+  /* Match shadcn ScrollArea look on native scrollbars (full-page scroll,
+     textareas, anything not wrapped in <ScrollArea>). */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border) transparent;
+  }
+  *::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+  *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  *::-webkit-scrollbar-thumb {
+    background-color: var(--color-border);
+    border-radius: 9999px;
+    border: 2px solid transparent;
+    background-clip: content-box;
+  }
+  *::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-muted-foreground);
+    background-clip: content-box;
+  }
+  *::-webkit-scrollbar-corner {
+    background: transparent;
+  }
 }