customised scrollbar

2 months ago · 6f1548b7f8
parent 9e6fe47b44
commit 6f1548b7f8
1 changed files with 20 additions and 0 deletions
--- 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