feat: using custom scrollbar css for dark mode (#1253)

Co-authored-by: Adam Setch <[email protected]>
gitify-app · Jun 16, 2024 · bac98a9 · bac98a9
1 parent b3b9b9c
commit bac98a9
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -25,6 +25,38 @@
       -webkit-user-select: none;
     }
 
+    html::-webkit-scrollbar,
+    div.flex-grow::-webkit-scrollbar {
+        width: 10px;
+    }
+
+    html::-webkit-scrollbar-thumb,
+    div.flex-grow::-webkit-scrollbar-thumb {
+        background-color: #c1c1c1;
+        border-radius: 10px;
+    }
+
+    html::-webkit-scrollbar-thumb:hover,
+    div.flex-grow::-webkit-scrollbar-thumb:hover {
+        background-color: #a8a8a8;
+        border-radius: 10px;
+    }
+
+    html.dark::-webkit-scrollbar-track,
+    html.dark div.flex-grow::-webkit-scrollbar-track {
+        background-color: #090E15;
+    }
+
+    html.dark::-webkit-scrollbar-thumb,
+    html.dark div.flex-grow::-webkit-scrollbar-thumb {
+        background-color: #24292e;
+    }
+
+    html.dark::-webkit-scrollbar-thumb:hover,
+    html.dark div.flex-grow::-webkit-scrollbar-thumb:hover {
+        background-color: #3a3f44;
+    }
+
     body {
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
         "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",