Add styles for scrollbars

LazeMSS · Apr 27, 2021 · bc0947d · bc0947d
1 parent 7a41f81
commit bc0947d
Showing 1 changed file with 72 additions and 0 deletions.
diff --git a/css/discorded.css b/css/discorded.css
@@ -523,6 +523,78 @@ textarea[readonly] {
     color: inherit
 }
 
+body::-webkit-scrollbar,
+body .scrollable::-webkit-scrollbar,
+.scroll-wrapper::-webkit-scrollbar,
+.modal .modal-body::-webkit-scrollbar,
+.controls select::-webkit-scrollbar,
+#settings_gcodeScripts .block.monospace::-webkit-scrollbar,
+#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar,
+#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar,
+#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar {
+  width: 12px;
+}
+
+body,
+body .scrollable,
+.scroll-wrapper,
+.modal .modal-body,
+.controls select,
+#settings_gcodeScripts .block.monospace,
+#settings_plugin_pluginmanager_pluginlist,
+#settings_plugin_pluginmanager_repositorydialog_list,
+#settings_plugin_softwareupdate_updatelist {
+  scrollbar-width: thin;
+  scrollbar-color: #7289da #2f3136;
+}
+
+body::-webkit-scrollbar-track,
+body .scrollable::-webkit-scrollbar-track,
+.scroll-wrapper::-webkit-scrollbar-track,
+.modal .modal-body::-webkit-scrollbar-track,
+.controls select::-webkit-scrollbar-track,
+#settings_gcodeScripts .block.monospace::-webkit-scrollbar-track,
+#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar-track,
+#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar-track,
+#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar-track,
+body::-webkit-scrollbar-corner,
+body .scrollable::-webkit-scrollbar-corner,
+.scroll-wrapper::-webkit-scrollbar-corner,
+.modal .modal-body::-webkit-scrollbar-corner,
+.controls select::-webkit-scrollbar-corner,
+#settings_gcodeScripts .block.monospace::-webkit-scrollbar-corner,
+#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar-corner,
+#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar-corner,
+#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar-corner {
+  background: #36393f;
+}
+
+body::-webkit-scrollbar-thumb,
+body .scrollable::-webkit-scrollbar-thumb,
+.scroll-wrapper::-webkit-scrollbar-thumb,
+.modal .modal-body::-webkit-scrollbar-thumb,
+.controls select::-webkit-scrollbar-thumb,
+#settings_gcodeScripts .block.monospace::-webkit-scrollbar-thumb,
+#settings_plugin_pluginmanager_pluginlist::-webkit-scrollbar-thumb,
+#settings_plugin_pluginmanager_repositorydialog_list::-webkit-scrollbar-thumb,
+#settings_plugin_softwareupdate_updatelist::-webkit-scrollbar-thumb  {
+  background-color: #7289da;
+  border-radius: 2px;
+  border: 2px solid #36393f;
+}
+
+body::-webkit-resizer,
+body .scrollable::-webkit-resizer,
+.scroll-wrapper::-webkit-resizer,
+.modal .modal-body::-webkit-resizer,
+.controls select::-webkit-resizer,
+#settings_gcodeScripts .block.monospace::-webkit-resizer,
+#settings_plugin_pluginmanager_pluginlist::-webkit-resizer,
+#settings_plugin_pluginmanager_repositorydialog_list::-webkit-resizer,
+#settings_plugin_softwareupdate_updatelist::-webkit-resizer {
+    background: #2f3136;
+}
+
 .UICWebCamClick {
     opacity: .5;
     background-color: #2f3136;