fix: decrease default scrollbar color contrast using color-mix

scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent
saadeghi · Jun 24, 2024 · 92d98ed · 92d98ed
1 parent 1c2fbe2
commit 92d98ed
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/base/general.css b/src/base/general.css
@@ -2,6 +2,10 @@
 html {
   -webkit-tap-highlight-color: transparent;
 }
+/* scrollbar color */
 * {
-  scrollbar-color: currentColor transparent;
+  scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;
+  &:hover {
+    scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;
+  }
 }