Merge pull request #2243 from PritamSarbajna/website-dev

Issue #2236 : Customized the default scrollbar
Clueless-Community · May 15, 2023 · e36149c · e36149c
2 parents 01cc0cb + 5514362
commit e36149c
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/styles.css b/styles.css
@@ -109,3 +109,28 @@ article > main + div a.font-semibold {
   color: black;
 }
 
+/* Customizing the scrollbar */
+
+/* For Webkit-based browsers */
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: #000;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #414141;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover,
+::-webkit-scrollbar-thumb:active {
+  background: #4BB74A;
+}
+
+/* For Firefox */
+scrollbar-width: thin;
+scrollbar-color: #414141 #000;
+