Dark theme fixes (#7319)

* add dark theme for jquery xdsoft_datetimepicker

Signed-off-by: Michael Gnehr <michael@gnehr.de>

* add border to dark theme - not checked issue checkboxes

Signed-off-by: Michael Gnehr <michael@gnehr.de>

1 files changed, 79 insertions, 0 deletions

diff --git a/public/less/themes/arc-green.less b/public/less/themes/arc-green.less
index d15e2bfdb3..4fd98280ef 100644
--- a/public/less/themes/arc-green.less
+++ b/public/less/themes/arc-green.less
@@ -907,6 +907,10 @@ input {
     border: 1px solid #304251;
 }
 
+.ui.checkbox label:before {
+    border-color: #476075;
+}
+
 .ui.checkbox .box:active::before,
 .ui.checkbox label:active::before {
     background: #304251;
@@ -1167,6 +1171,81 @@ a.ui.labels .label:hover {
     }
 }
 
+.xdsoft_datetimepicker {
+    background: #2a2e39;
+    border: 1px solid #4c505c;
+    color: #9e9e9e;
+
+    .xdsoft_mounthpicker {
+        height: 36px;
+        background: #464c5d;
+        margin: -2px -8px 2px;
+        padding: 2px 8px 0;
+
+        button {
+            background-image: none;
+            text-indent: 0;
+            text-align: center;
+            color: #9e9e9e;
+
+            &.xdsoft_prev::before {
+                content: "\f0d9";
+                font: normal normal normal 14px/1 FontAwesome, serif;
+                font-size: 1.7em;
+            }
+
+            &.xdsoft_next::before {
+                content: "\f0da";
+                font: normal normal normal 14px/1 FontAwesome, serif;
+                font-size: 1.7em;
+            }
+
+            &.xdsoft_today_button::before {
+                content: "\f015";
+                font: normal normal normal 14px/1 FontAwesome, serif;
+                font-size: 1.4em;
+            }
+        }
+
+        & > div.xdsoft_label {
+            background: #464c5d;
+
+            i {
+                line-height: 14px;
+                background-image: none;
+                text-indent: 0;
+                text-align: center;
+
+                ::before {
+                    content: "\f0dd";
+                    font: normal normal normal 14px/1 FontAwesome, serif;
+                    font-size: 0.7em;
+                }
+            }
+
+            .xdsoft_select {
+                background: #353945;
+            }
+        }
+    }
+
+    .xdsoft_datepicker .xdsoft_calendar {
+        td,
+        th {
+            border-color: #4c505c;
+            background-color: #2a2e39;
+        }
+
+        td.xdsoft_other_month,
+        td.xdsoft_disabled {
+            opacity: 0.8;
+            background: #a0cc75;
+            color: #000000;
+        }
+
+    }
+}
+
 .heatmap-color-0 {
     background-color: #2d303b;
 }