From ac7f726d8825bd44f9b87a65ec6bdaa14fd92b5f Mon Sep 17 00:00:00 2001
From: dusk <y.bera003.06@protonmail.com>
Date: Thu, 26 Sep 2024 03:48:34 +0300
Subject: [PATCH] feat: change scrollbar colors

---
 src/routes/+layout.svelte | 2 +-
 src/styles/app.css        | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c2046e1..0af599f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -128,7 +128,7 @@
 	</defs>
 </svg>
 
-<div class="md:h-[96vh] pb-[8vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[5.5vh] overflow-x-hidden">
+<div class="md:h-[96vh] pb-[8vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[5.5vh] overflow-x-hidden [scrollbar-gutter:stable]">
 	<slot />
 </div>
 
diff --git a/src/styles/app.css b/src/styles/app.css
index bcdcdc2..d9652ab 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -9,6 +9,7 @@
         @apply font-sans-serif bg-ralsei-black text-ralsei-white;
         @apply prose-code:font-monospace prose-headings:font-monospace;
         cursor: url('/icons/gaze_closed.png'), default;
+        scrollbar-color: theme(colors.ralsei.green.dark) transparent;
     }
 
     .prose h1::before {