@@ -93,6 +93,11 @@
   --radius-4xl: calc(var(--radius) * 2.6);
 }
 
+@utility scrollbar-themed {
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in oklch, var(--primary) 45%, transparent) transparent;
+}
+
 body {
   font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
   margin: 0;
@@ -139,11 +144,13 @@ body {
 
 @layer base {
   * {
-    @apply border-border outline-ring/50;
+    @apply border-border outline-ring/50 scrollbar-themed;
   }
+
   body {
     @apply bg-background text-foreground;
   }
+
   html {
     @apply font-sans;
   }
Original file line number	Diff line number	Diff line change
`@@ -93,6 +93,11 @@`
`93`	`93`	`--radius-4xl: calc(var(--radius) * 2.6);`
`94`	`94`	`}`
`95`	`95`
	`96`	`+@utility scrollbar-themed {`
	`97`	`+ scrollbar-width: thin;`
	`98`	`+ scrollbar-color: color-mix(in oklch, var(--primary) 45%, transparent) transparent;`
	`99`	`+}`
	`100`	`+`
`96`	`101`	`body {`
`97`	`102`	`font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;`
`98`	`103`	`margin: 0;`
`@@ -139,11 +144,13 @@ body {`
`139`	`144`
`140`	`145`	`@layer base {`
`141`	`146`	`* {`
`142`		`- @apply border-border outline-ring/50;`
	`147`	`+ @apply border-border outline-ring/50 scrollbar-themed;`
`143`	`148`	`}`
	`149`	`+`
`144`	`150`	`body {`
`145`	`151`	`@apply bg-background text-foreground;`
`146`	`152`	`}`
	`153`	`+`
`147`	`154`	`html {`
`148`	`155`	`@apply font-sans;`
`149`	`156`	`}`