style: add styles for the scrollbar

Added styling for the side scroller of the site in assets/css/styles.css file
rasan3-1416 · Oct 10, 2023 · 3635802 · 3635802
1 parent ce4afe2
commit 3635802
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -550,7 +550,18 @@ img {
   text-align: center;
 }
 /*=============== SCROLL BAR ===============*/
-
+::-webkit-scrollbar {
+  width: 0.6rem;
+  border-radius: 0.5rem;
+  background-color: hsl(23, 4%, 15%);
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 0.5rem;
+  background-color: hsl(23, 4%, 30%);
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: hsl(23, 4%, 40%);
+}
 
 /*=============== SCROLL UP ===============*/