Add a cleaner scrollbar

block-core · Jan 30, 2025 · 26f686e · 26f686e
1 parent f7b08ae
commit 26f686e
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -12,6 +12,7 @@
   --accent-dark: #065666;
   --accent-light: #0a8ca7;
   --surface-card: #f8f9fa;
+  --scrollbar: silver;
 }
 
 [data-theme="dark"] {
@@ -24,6 +25,7 @@
   --accent-dark: #086c81;
   --accent-light: #0caac9;
   --surface-card: #242424;
+  --scrollbar: gray;
 }
 
 /* Inter Variable Font */
@@ -51,6 +53,16 @@ body {
   color: var(--text);
 }
 
+::-webkit-scrollbar {
+  background-color: transparent;
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar);
+  border-radius: 6px;
+}
+
 * {
   scrollbar-color: var(--border) var(--background);
 }