more styling enhancements

tdx-enhanced.js

@@ -935,7 +935,7 @@
     --light-bg-primary: var(--light-bg-default);
 
     --dark-gold-accent: #ab9266;
-    --light-gold-accent: #ccb387;
+    --light-gold-accent: #c3aa7f;
 
     /* Original TDX blue */
     --dark-blue-accent: #4c778d;
@@ -958,6 +958,7 @@
     --dark-txt-2: #ececec;
     --dark-txt-3: #929292;
     --dark-txt-4: #ffffff8c;
+    --dark-txt-5: var(--light-txt-1);
     --dark-border-0: color-mix(in srgb,var(--dark-bg-primary),#fff 18%);
     --dark-col-reply: #1e3438;
     --dark-col-highlight-1: #625714;
@@ -971,6 +972,7 @@
     --light-txt-2: #222;
     --light-txt-3: #333;
     --light-txt-4: #0000008c;
+    --light-txt-5: var(--dark-txt-1);
     --light-col-0: var(--light-col-primary);
     --light-col-1: color-mix(in srgb,var(--light-col-primary),#000 25%);
     --light-col-2: color-mix(in srgb,var(--light-col-primary),#000 10%);
@@ -1006,6 +1008,7 @@
 		--txt-2: var(--light-txt-2);
 		--txt-3: var(--light-txt-3);
 		--txt-4: var(--light-txt-4);
+        --txt-5: var(--light-txt-5);
         --txt-invert: var(--light-txt-invert);
         --txt-hue: var(--light-txt-hue);
 		--border-0: var(--light-border-0);
@@ -1034,6 +1037,7 @@
 		--txt-2: var(--dark-txt-2);
 		--txt-3: var(--dark-txt-3);
 		--txt-4: var(--dark-txt-4);
+        --txt-5: var(--dark-txt-5);
         --txt-invert: var(--dark-txt-invert);
         --txt-hue: var(--dark-txt-hue);
 		--border-0: var(--dark-border-0);
@@ -1061,6 +1065,7 @@
     --txt-2: var(--dark-txt-2);
     --txt-3: var(--dark-txt-3);
     --txt-4: var(--dark-txt-4);
+    --txt-5: var(--dark-txt-5);
     --txt-invert: var(--dark-txt-invert);
     --txt-hue: var(--dark-txt-hue);
     --border-0: var(--dark-border-0);
@@ -1087,6 +1092,7 @@
     --txt-2: var(--light-txt-2);
     --txt-3: var(--light-txt-3);
     --txt-4: var(--light-txt-4);
+    --txt-5: var(--light-txt-5);
     --txt-invert: var(--light-txt-invert);
     --txt-hue: var(--light-txt-hue);
     --border-0: var(--light-border-0);
@@ -1362,7 +1368,7 @@ div.comment {
 }
 
 div.feed-child-box {
-	background-color: var(--bg-3) !important;
+	background-color: var(--bg-1) !important;
 }
 
 .code, code, pre {
@@ -1397,6 +1403,10 @@ ul.dropdown-menu .btn.btn.btn-link[data-v-0b9084d2]:hover {
 	color: var(--txt-2);
 }
 
+.dropdown-menu>li.dropdown-header {
+    color: var(--txt-1);
+}
+
 .popover, .list-group-item {
 	background-color: var(--bg-2);
 }
@@ -1502,7 +1512,7 @@ ul.dropdown-menu .btn.btn.btn-link[data-v-0b9084d2]:hover {
 }
 
 a.cke_button_disabled:active, a.cke_button_disabled:focus, a.cke_button_disabled:hover, a.cke_button_off:active, a.cke_button_off:focus, a.cke_button_off:hover {
-	 background: var(--bg-3) !important;
+	background: var(--bg-3) !important;
 }
 
 .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
@@ -1600,6 +1610,10 @@ li.ui-state-active {
 	background-color: var(--bg-2);
 }
 
+ul.nav-pills li.dropdown button.dropdown-toggle:hover {
+    background-color: var(--bg-2);
+}
+
 .btn-link {
 	color: var(--col-1);
 }
@@ -1616,22 +1630,27 @@ li.ui-state-active {
 	background-color: var(--col-0);
 }
 
+.btn-primary {
+    color: var(--txt-5) !important;
+}
+
 .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-success:hover {
     background-color: var(--col-2);
-    color: var(--txt-4) !important;
+    color: var(--txt-5) !important;
 }
 
 .module-header span {
 	color: var(--col-1);
 }
 
 .pagination>li>a:hover {
-	color: var(--txt-2);
+	color: var(--txt-2) !important;
 	background-color: var(--bg-2) !important;
 }
 
-.pagination>.active>a {
-	background-color: var(--bg-2) !important;
+.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
+    color: var(--txt-2) !important;
+	background-color: var(--col-0) !important;
 }
 
 .ButtonCell, .ButtonCellBottom, .ButtonCellTop, .TabButtonCell {
@@ -1733,6 +1752,11 @@ table>thead>tr.TDGridHeader>th, tr.TDGridHeader td, .table-header>div {
 	background-color: var(--bg-1);
 }
 
+.light-gray-bg, .light-gray-hover-bg:hover {
+    color: var(--txt-1) !important;
+	background-color: var(--bg-1) !important;
+}
+
 .ui-layout-resizer-west {
 	background-color: var(--bg-4);
 }
@@ -1948,10 +1972,18 @@ input.cke_dialog_ui_input_password, input.cke_dialog_ui_input_text, textarea.cke
 	background-color: var(--border-0);
 }
 
+.dropdown-menu>li.dropdown-header {
+    border-bottom: 1px solid var(--border-0);
+}
+
 .Module-rpt {
 	border-color: var(--col-1);
 }
 
+div.ReportGroupName {
+    border: 1px solid var(--border-0);
+}
+
 .colContainer {
 	border-color: var(--border-0);
 }