adding custom scrollbar

2022-03-29 09:44:51 +02:00 · 2022-03-29 09:44:51 +02:00 · 19493437c1
parent 446897e842
commit 19493437c1
1 changed files with 19 additions and 0 deletions
--- a/css/styles.css
+++ b/css/styles.css
@ -4,7 +4,26 @@ html {
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
+
+    --scrollbarBG: #CFD8DC;
+    --thumbBG: #90A4AE;
 }
+body::-webkit-scrollbar {
+  width: 11px;
+}
+body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
+}
+body::-webkit-scrollbar-track {
+  background: var(--scrollbarBG);
+}
+body::-webkit-scrollbar-thumb {
+  background-color: var(--thumbBG) ;
+  border-radius: 6px;
+  border: 3px solid var(--scrollbarBG);
+}
+
 .card {
    opacity: 0.9;
 }