feat: add styled scrollbar

ElianCodes · Aug 31, 2023 · b3b2cf4 · b3b2cf4 · vercel · Aug 31, 2023
2 parents 592cbf4 + 9927ec2
commit b3b2cf4
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -65,6 +65,27 @@
   filter: drop-shadow(5px 5px 0 rgb(0 0 0 / 1));
 }
 
+body {
+  --sb-track-color: #232E33;
+  --sb-thumb-color: #0d1117;
+  --sb-size: 0.5em;
+
+  scrollbar-color: var(--sb-thumb-color) 
+                   var(--sb-track-color);
+}
+
+body::-webkit-scrollbar {
+  width: var(--sb-size) 
+}
+
+body::-webkit-scrollbar-track {
+  background: var(--sb-track-color);
+}
+
+body::-webkit-scrollbar-thumb {
+  background: var(--sb-thumb-color);  
+  }
+
 html {
   scroll-behavior: smooth;
-}
+}