more various styling fixes

ECN · Aug 2, 2024 · dd268e0 · dd268e0
1 parent 4599c37
commit dd268e0
Showing 1 changed file with 48 additions and 7 deletions.
diff --git a/tdx-enhanced.js b/tdx-enhanced.js
@@ -935,7 +935,7 @@
     --light-bg-primary: var(--light-bg-default);
 
     --dark-gold-accent: #ab9266;
-    --light-gold-accent: #b79a66;
+    --light-gold-accent: #ccb387;
 
     /* Original TDX blue */
     --dark-blue-accent: #4c778d;
@@ -951,7 +951,7 @@
     --dark-bg-4: color-mix(in srgb,var(--dark-bg-primary),#fff 30%);
     --dark-col-0: var(--dark-col-primary);
     --dark-col-1: color-mix(in srgb,var(--dark-col-primary),#fff 25%);
-    --dark-col-2: color-mix(in srgb,var(--dark-col-primary),#fff 45%);
+    --dark-col-2: color-mix(in srgb,var(--dark-col-primary),#fff 10%);
     --dark-col-link: #d1dbff;
     --dark-txt-0: #bbb;
     --dark-txt-1: #fff;
@@ -972,8 +972,8 @@
     --light-txt-3: #333;
     --light-txt-4: #0000008c;
     --light-col-0: var(--light-col-primary);
-    --light-col-1: color-mix(in srgb,var(--light-col-primary),#000 15%);
-    --light-col-2: color-mix(in srgb,var(--light-col-primary),#000 45%);
+    --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%);
     --light-bg-0: color-mix(in srgb,var(--light-bg-primary),#000 0%);
     --light-bg-1: color-mix(in srgb,var(--light-bg-primary),#000 5%);
     --light-bg-2: color-mix(in srgb,var(--light-bg-primary),#000 2%);
@@ -1392,6 +1392,11 @@ div.feed-child-box {
 	color: var(--txt-2);
 }
 
+ul.dropdown-menu .btn.btn.btn-link[data-v-0b9084d2]:hover {
+    background-color: var(--bg-2) !important;
+	color: var(--txt-2);
+}
+
 .popover, .list-group-item {
 	background-color: var(--bg-2);
 }
@@ -1571,7 +1576,7 @@ li.ui-state-active {
 }
 
 .panel-app {
-	color: var(--txt-2);
+	color: var(--col-2) !important;
 }
 
 .tab-row {
@@ -1607,7 +1612,11 @@ li.ui-state-active {
 	background-color: var(--col-0);
 }
 
-.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
+.btn-success {
+	background-color: var(--col-0);
+}
+
+.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;
 }
@@ -1644,6 +1653,10 @@ li.ui-state-active {
 	background-color: var(--bg-1);
 }
 
+.panel-success>.panel-heading {
+    background-color: var(--col-0) !important;
+}
+
 .panel-footer {
     background-color: var(--bg-1);
 }
@@ -1665,6 +1678,18 @@ h1.panel-title, h2.panel-title, h3.panel-title, h4.panel-title, h5.panel-title,
 	background-color: var(--bg-1) !important;
 }
 
+.sidebar .sidebar-wrapper {
+    background-color: var(--bg-1) !important;
+}
+
+.sidebar .nav-sidebar li>a:not(.sidebar-brand) {
+    color: var(--txt-2);
+}
+
+.sidebar .nav-sidebar li.active>a {
+    background-color: var(--bg-3) !important;
+}
+
 /* Tables */
 tr.TDGridHeader, .table-header>div {
 	background-color: var(--bg-1);
@@ -1754,10 +1779,26 @@ path[stroke="black"] {
 	border-bottom: 1px solid var(--border-0);
 }
 
+.sidebar .sidebar-wrapper {
+    border-color: var(--border-0) !important;
+}
+
+.sidebar .nav-sidebar li.active>a {
+    border-color: var(--border-0) !important;
+}
+
 .panel-default, .panel-default>.panel-heading {
 	border-color: var(--border-0) !important;
 }
 
+.panel-success, .panel-success>.panel-heading {
+    border-color: var(--col-0);
+}
+
+.panel-footer {
+    border-top: 1px solid var(--border-0);
+}
+
 .border-bottom, .table, table>thead>tr.TDGridHeader>th, .table>tbody>tr>td, .nav-tabs {
 	border-bottom: 1px solid var(--border-0);
 }
@@ -1944,7 +1985,7 @@ div.comment {
 }
 
 .ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
-	border: 1px solid var(--border-0);
+	/* border: 1px solid var(--border-0); */
 }
 
 .input-group-addon {