Procházet zdrojové kódy

Added more darkthemes

Toby Chui před 3 měsíci
rodič
revize
c8a3ca953c
2 změnil soubory, kde provedl 54 přidání a 1 odebrání
  1. 1 1
      web/components/uptime.html
  2. 53 0
      web/darktheme.css

+ 1 - 1
web/components/uptime.html

@@ -70,7 +70,7 @@
     initUptimeTable();
 
     function reloadUptimeList(){
-        $("#utmrender").html(`<div class="ui segment">
+        $("#utmrender").html(`<div class="ui utmloading segment">
         <div class="ui active inverted dimmer" style="z-index: 2;">
             <div class="ui text loader">Loading</div>
         </div>

+ 53 - 0
web/darktheme.css

@@ -752,4 +752,57 @@ body.darkTheme #utm .standardContainer {
 body.darkTheme #utm .standardContainer .padding.statusDot {
     background-color: var(--theme_bg) !important;
     border: 0.2px solid var(--theme_bg_primary) !important;
+}
+
+body.darkTheme .ui.utmloading.segment {
+    background-color: var(--theme_bg) !important;
+    color: var(--text_color) !important;
+    border: 1px solid var(--divider_color) !important;
+}
+
+body.darkTheme .ui.utmloading.segment .ui.inverted.dimmer {
+    background-color: var(--theme_bg) !important;
+    color: var(--text_color) !important;
+}
+
+body.darkTheme .ui.utmloading.segment .ui.inverted.dimmer .ui.text.loader {
+    color: var(--text_color) !important;
+}
+
+
+/* 
+
+Tool overlay css override
+
+*/
+
+body.darkTheme .picker-wrap.popup .picker {
+    background: var(--theme_bg_primary) !important;
+    border: 1px solid var(--button_border_color) !important;
+}
+
+body.darkTheme .picker-wrap.popup .picker .picker-d-b {
+    background: var(--theme_bg) !important;
+}
+
+body.darkTheme .picker-wrap.popup .picker .picker-d-d.picker-d-td{
+    background: var(--theme_highlight) !important;
+    color: var(--text_color) !important;
+}
+
+body.darkTheme .picker-p {
+    background-color: var(--theme_bg_primary) !important;
+    color: var(--text_color) !important;
+}
+
+body.darkTheme .picker-p .picker-b,
+body.darkTheme .picker-p .picker-n {
+    background-color: var(--theme_bg_primary) !important;
+    color: var(--text_color) !important;
+}
+
+body.darkTheme .picker-p .picker-m,
+body.darkTheme .picker-p .picker-y {
+    background-color: var(--theme_bg) !important;
+    color: var(--text_color) !important;
 }