Update styles.css

styles.css

@@ -195,16 +195,14 @@
 }
 
 /* Hide scrollbars/arrows that can appear on the description block in some browsers */
+/* stylelint-disable compat-api/css */
 article.prose, .prose, .gr-prose {
     overflow: visible !important;
     max-height: none !important;
     -ms-overflow-style: none !important; /* IE/Edge */
+    scrollbar-width: none !important; /* Firefox */
 }
-@supports (scrollbar-width: none) {
-    article.prose, .prose, .gr-prose {
-        scrollbar-width: none !important; /* Firefox */
-    }
-}
+/* stylelint-enable compat-api/css */
 article.prose::-webkit-scrollbar,
 .prose::-webkit-scrollbar,
 .gr-prose::-webkit-scrollbar {
@@ -265,11 +263,10 @@ article.prose::-webkit-scrollbar,
 }
 
 /* Custom scrollbar styling - Progressive enhancement, falls back to default scrollbars */
-@supports (scrollbar-width: thin) {
-    * {
-        scrollbar-width: thin;
-        scrollbar-color: rgba(99, 102, 241, 0.4) rgba(255, 255, 255, 0.05);
-    }
+/* stylelint-disable compat-api/css */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(61, 212, 159, 0.4) rgba(255, 255, 255, 0.05);
 }
 *::-webkit-scrollbar {
     width: 8px;
@@ -280,33 +277,32 @@ article.prose::-webkit-scrollbar,
     border-radius: 4px;
 }
 *::-webkit-scrollbar-thumb {
-    background: linear-gradient(180deg, rgba(99, 102, 241, 0.5), rgba(59, 130, 246, 0.4));
+    background: linear-gradient(180deg, rgba(61, 212, 159, 0.5), rgba(17, 186, 136, 0.4));
     border-radius: 4px;
-    border: 1px solid rgba(99, 102, 241, 0.2);
+    border: 1px solid rgba(119, 247, 209, 0.2);
 }
 *::-webkit-scrollbar-thumb:hover {
-    background: linear-gradient(180deg, rgba(99, 102, 241, 0.7), rgba(59, 130, 246, 0.6));
+    background: linear-gradient(180deg, rgba(85, 250, 192, 0.7), rgba(65, 184, 131, 0.6));
 }
 *::-webkit-scrollbar-corner {
     background: rgba(255, 255, 255, 0.05);
 }
 @media (prefers-color-scheme: light) {
-    @supports (scrollbar-width: thin) {
-        * {
-            scrollbar-color: rgba(99, 102, 241, 0.4) rgba(0, 0, 0, 0.05);
-        }
+    * {
+        scrollbar-color: rgba(61, 212, 159, 0.4) rgba(0, 0, 0, 0.05);
     }
     *::-webkit-scrollbar-track {
         background: rgba(0, 0, 0, 0.05);
     }
     *::-webkit-scrollbar-thumb {
-        background: linear-gradient(180deg, rgba(99, 102, 241, 0.5), rgba(59, 130, 246, 0.4));
+        background: linear-gradient(180deg, rgba(61, 212, 159, 0.5), rgba(17, 186, 136, 0.4));
         border-color: rgba(0, 0, 0, 0.1);
     }
     *::-webkit-scrollbar-thumb:hover {
-        background: linear-gradient(180deg, rgba(99, 102, 241, 0.7), rgba(59, 130, 246, 0.6));
+        background: linear-gradient(180deg, rgba(85, 250, 192, 0.7), rgba(65, 184, 131, 0.6));
     }
     *::-webkit-scrollbar-corner {
         background: rgba(0, 0, 0, 0.05);
     }
 }
+/* stylelint-enable compat-api/css */