From dd6dbf1de9a01ce3a99ab56371d2b479f904adfa Mon Sep 17 00:00:00 2001
From: Baraa <39034192+XDark187@users.noreply.github.com>
Date: Mon, 22 Jul 2024 00:37:25 +0300
Subject: [PATCH] style(scrollbar): changed the scrollbar to be a bit thin and
 darker to match the theme of jellyseerr (#857)

fix #856
---
 src/styles/globals.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 8110e87e0..66c023d9a 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -7,6 +7,29 @@
     min-height: calc(100% + env(safe-area-inset-top));
     padding: env(safe-area-inset-top) env(safe-area-inset-right)
       calc(4rem + env(safe-area-inset-bottom)) env(safe-area-inset-left);
+    scrollbar-width: thin;
+    scrollbar-color: #4b5563 #1f2937;
+  }
+
+  html:hover {
+    scrollbar-color: #6b7280 #1f2937;
+  }
+
+  /* WebKit scrollbar styles */
+  html::-webkit-scrollbar {
+    width: 10px;
+  }
+
+  html::-webkit-scrollbar-track {
+    background: #1f2937;
+  }
+
+  html::-webkit-scrollbar-thumb {
+    background-color: #4b5563;
+  }
+
+  html:hover::-webkit-scrollbar-thumb {
+    background-color: #6b7280;
   }
 
   @media (min-width: 640px) {