diff --git a/tdx-enhanced.js b/tdx-enhanced.js index 455aff5..458361d 100644 --- 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); }