better dark styling for report viewer

ECN · May 2, 2024 · f007195 · f007195
1 parent 918e3f0
commit f007195
Showing 1 changed file with 53 additions and 2 deletions.
diff --git a/tdx-enhanced.js b/tdx-enhanced.js
@@ -364,6 +364,7 @@
         --dark-bg-1: #222;
         --dark-bg-2: #333;
         --dark-bg-3: #444;
+        --dark-bg-4: #555;
         --dark-col-1: #CFB991;
         --dark-col-2: #9a835a;
         --dark-col-link: #d1dbff;
@@ -554,10 +555,14 @@
         }
 
         .form-control {
-            background-color: var(--dark-bg-1);
+            background-color: var(--dark-bg-2);
             color: var(--dark-txt-2);
         }
 
+        .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+            background-color: var(--dark-bg-1);
+        }
+
         .select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
             background-color: var(--dark-bg-1);
             color: var(--dark-txt-2);
@@ -695,6 +700,11 @@
             color: var(--dark-txt-2);
         }
 
+        .talu_holder .bit-box {
+            background-color: var(--dark-bg-4) !important;
+            color: var(--dark-txt-2);
+        }
+
         .lu_tdac-auto ul .auto-focus {
             background-color: var(--dark-bg-3) !important;
             color: var(--dark-txt-2);
@@ -818,7 +828,7 @@
         }
 
         /* Tables */
-        tr.TDGridHeader {
+        tr.TDGridHeader, .table-header>div {
             background-color: var(--dark-bg-1);
         }
 
@@ -831,6 +841,35 @@
             color: initial;
         }
 
+        table>thead>tr.TDGridHeader>th, tr.TDGridHeader td, .table-header>div {
+            color: var(--dark-txt-2);
+        }
+
+        .nav1, .nav2, .nav3 {
+            background-color: var(--dark-bg-2);
+        }
+
+        .nav1 {
+            color: var(--dark-col-1);
+        }
+
+        .nav2, .nav3 {
+            color: var(--dark-txt-2);
+        }
+
+        .text:active, .text:hover, .nav1:active, .nav1:hover, .nav2:active, .nav2:hover, .nav3:active, .nav3:hover {
+            background-color: var(--dark-bg-1);
+        }
+
+        .nav2:hover, .nav3:hover, .report-text:hover, report-text:active {
+            color: var(--dark-txt-1);
+            background-color: var(--dark-bg-1);
+        }
+
+        .ui-layout-resizer-west {
+            background-color: var(--dark-bg-4);
+        }
+
         /* Borders */
         .ui-tabs .ui-tabs-nav li.ui-state-active {
             border-left: 1px solid var(--dark-border-0);
@@ -862,6 +901,10 @@
             border: 1px solid var(--dark-border-0);
         }
 
+        .table-header>div, .table-header>div:last-child {
+            border-color: var(--dark-border-0);
+        }
+
         .border-top, tr.TDGridHeader {
             border-top: 1px solid var(--dark-border-0);
         }
@@ -878,6 +921,10 @@
             border-color: var(--dark-col-1);
         }
 
+        input.lu_lookupbox, input.lu_lookupbox:hover {
+            border: 1px solid var(--dark-border-0);
+        }
+
         .select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
             border: 1px solid var(--dark-border-0);
         }
@@ -894,6 +941,10 @@
             outline: 2px solid var(--dark-col-1);
         }
 
+        .talu_holder .bit-box {
+            border: 1px solid var(--dark-border-0);
+        }
+
         .comment-options {
             border: 1px solid var(--dark-border-0);
         }