customised scrollbar

arc53 · Mar 19, 2024 · 6f1548b · 6f1548b
1 parent 9e6fe47
commit 6f1548b
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -2,6 +2,26 @@
 @tailwind components;
 @tailwind utilities;
 
+::-webkit-scrollbar {
+  width: 10px;
+}
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+.dark ::-webkit-scrollbar-track {
+  background: #2f3036;
+}
+::-webkit-scrollbar-thumb {
+  background: #888;
+  border-radius: 40px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+.dark ::-webkit-scrollbar-thumb:hover {
+  background: #b1afaf;
+}
+
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
 /* Document