Merge pull request #285 from KeyurGK/keyur_darkTheme_slider

styled the slider for dark mode
Kritika30032002 · Dec 13, 2023 · 5fabe04 · 5fabe04
2 parents 01086cd + e31614a
commit 5fabe04
Showing 1 changed file with 23 additions and 14 deletions.
diff --git a/style.css b/style.css
@@ -705,26 +705,35 @@ h4 {
   }
 }
 
-body::-webkit-scrollbar {
-  width: 0.5em;
-  background-color: rgba(255, 255, 255, 0.989);
+body:not(.dark-mode)::-webkit-scrollbar {
+  width: 12px;
+  background-color: #dfe6e9;
 }
 
-body::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 6px rgba(81, 81, 81, 0.95);
+body:not(.dark-mode)::-webkit-scrollbar-track {
+  border: 5px solid white;
+  background-color: #000000;
 }
 
-body::-webkit-scrollbar-thumb {
-  background: rgb(2, 0, 36);
-  background: linear-gradient(
-    90deg,
-    rgba(2, 0, 36, 1) 0%,
-    rgba(9, 9, 121, 1) 35%,
-    rgba(0, 212, 255, 1) 100%
-  );
-  border-radius: 5px;
+body:not(.dark-mode)::-webkit-scrollbar-thumb {
+  background-color: #74b9ff;
+  border-radius: 10px;
+}
+
+body.dark-mode::-webkit-scrollbar {
+  width: 12px;
+  background-color: #000000;
 }
 
+body.dark-mode::-webkit-scrollbar-track {
+  border: 5px solid rgb(0, 0, 0);
+  background-color: #ffffff;
+}
+
+body.dark-mode::-webkit-scrollbar-thumb {
+  background-color: #74b9ff;
+  border-radius: 10px;
+}
 /* Preloader Starts */
 .preloader {
   position: fixed;