Merge pull request #1467 from scottmcdonnell/feature/dark_scrollbar

Feature/dark scrollbar
cgwire · Jun 26, 2024 · f85f87d · f85f87d
2 parents 6a1b20f + 0bf795b
commit f85f87d
Showing 1 changed file with 39 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -2267,4 +2267,43 @@ th.validation-cell {
     flex-direction: column;
   }
 }
+
+/* scrollbar */
+::-webkit-scrollbar {
+  width: 20px;
+  height: 20px;
+}
+
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #eee;
+  border-radius: 20px;
+  border: 6px solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #ddd;
+}
+
+::-webkit-scrollbar-thumb:active {
+  background-color: #ccc;
+}
+.dark {
+  ::-webkit-scrollbar-thumb {
+    background-color: #46494f;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: #4d5560;
+  }
+
+  ::-webkit-scrollbar-thumb:active {
+    background-color: #5e6169;
+  }
+}
 </style>