colors for dialogs and x on input pills

ECN · May 30, 2025 · 3e440ef · 3e440ef
1 parent 50edff1
commit 3e440ef
Showing 1 changed file with 45 additions and 3 deletions.
diff --git a/tdx-enhanced.js b/tdx-enhanced.js
@@ -1,7 +1,7 @@
 // ==UserScript==
 // @name         tdx-enhanced
 // @namespace    purdue-it
-// @version      2025-05-29-610
+// @version      2025-05-29-630
 // @description  enhanced tdx coloring & formatting. follows system color scheme.
 // @author       Purdue STEM IT - it@purdue.edu
 // @match        https://service.purdue.edu/TDWorkManagement*
@@ -1982,6 +1982,10 @@ body {
     background-color: var(--col-400) !important;
 }
 
+.tdx-list__section {
+    color: var(--txt-2);
+}
+
 /* Script-Specific Additions */
 #settingsMenu {
     right: 50px;
@@ -2526,6 +2530,14 @@ div.select2-container-multi .select2-choices .select2-search-choice {
     color: var(--col-600);
 }
 
+div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close {
+    color: var(--col-600) !important;
+}
+
+div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:hover, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:focus-visible, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:active, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:active:hover, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:focus:active, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:focus:hover {
+    color: var(--col-400) !important;
+}
+
 div.select2-container-multi .select2-choices .select2-search-choice:hover, div.select2-container-multi .select2-choices .select2-search-choice:active {
     background-color: var(--col-300);
     color: var(--col-500);
@@ -2536,6 +2548,19 @@ select.form-control {
     border-color: var(--border-0);
 }
 
+.k-chip-solid-base {
+    background-color: var(--col-100) !important;
+    color: var(--col-600) !important;
+}
+
+.k-chip-action {
+    color: var(--col-600) !important;
+}
+
+.k-chip-action:hover, .k-chip-action:focus-visible, .k-chip-action:active, .k-chip-action:active:hover, .k-chip-action:focus:active, .k-chip-action:focus:hover {
+    color: var(--col-400) !important;
+}
+
 .tooltip-inner {
     background-color: var(--bg-0);
     color: var(--txt-1);
@@ -3029,6 +3054,15 @@ thead, tbody, tfoot, tr, td, th {
     color: var(--txt-1) !important;
 }
 
+.tdx-confirmation-dialog {
+    background-color: var(--bg-0);
+    color: var(--col-600);
+}
+
+.tdx-confirmation-dialog__text-area {
+    color: var(--col-600);
+}
+
 .k-grid, .k-pager, .k-table {
     background-color: var(--bg-0) !important;
     color: var(--txt-1) !important;
@@ -3350,6 +3384,12 @@ div.btn-group.open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-prim
     color: var(--col-green) !important;
 }
 
+.tdx-error-text, span.tdx-error-text,
+.tdx-error-text:hover, span.tdx-error-text:hover {
+    /* color: var(--col-red) !important; */
+    color: var(--col-600) !important;
+}
+
 .red-bg,
 .status.red, .status-danger, .pri-hi {
     background-color: var(--col-red) !important;
@@ -3648,7 +3688,8 @@ div.select2-container.select2-allowclear .select2-choice abbr {
 .tdx-action-menu__item--primary:after,
 .tdx-action-menu-dropdown:after,
 .tdx-icon.tdx-icon--hover-darken, .tdx-icon--hover-darken>.tdx-icon,
-.tdx-dropdown__menu-icon, .tdx-dropdown--headline:after, .tdx-dropdown:after, .tdx-icon--search, .tdx-icon
+.tdx-dropdown__menu-icon, .tdx-dropdown--headline:after, .tdx-dropdown:after, .tdx-icon--search, .tdx-icon,
+div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:hover, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:focus-visible, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:active, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:active:hover, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:focus:active, div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close:focus:hover
 {
     filter: brightness(0) invert(var(--filter-invert)) sepia(var(--filter-sepia)) saturate(var(--filter-saturate)) hue-rotate(var(--filter-hue-rotate)) brightness(var(--filter-brightness)) contrast(var(--filter-contrast)) !important;
 }
@@ -3658,7 +3699,8 @@ div.select2-container.select2-allowclear .select2-choice abbr {
 .tdx-close-x:hover, button.tdx-close-x:hover,
 .tdx-icon.tdx-icon--hover-darken:hover, .tdx-icon.tdx-icon--hover-darken:focus, .tdx-icon--hover-darken>.tdx-icon:hover, .tdx-icon--hover-darken>.tdx-icon:focus,
 .tdx-leftnav__item-expander:hover .tdx-icon, .tdx-leftnav__item-expander:focus .tdx-icon,
-.tdx-action-menu-dropdown--no-arrow:hover .tdx-icon, .tdx-action-menu-dropdown--no-arrow.active .tdx-icon
+.tdx-action-menu-dropdown--no-arrow:hover .tdx-icon, .tdx-action-menu-dropdown--no-arrow.active .tdx-icon,
+div.select2-container-multi .select2-choices .select2-search-choice>.select2-search-choice-close
 {
     filter: brightness(0) invert(var(--filter-invert)) sepia(var(--filter-sepia)) saturate(var(--filter-saturate)) hue-rotate(var(--filter-hue-rotate)) brightness(var(--filter-brightness)) contrast(var(--filter-contrast)) brightness(125%) !important;
 }