few more color changes + x icons

ECN · May 30, 2025 · 5ba207a · 5ba207a
1 parent 9cd37d0
commit 5ba207a
Showing 1 changed file with 24 additions and 9 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-600
+// @version      2025-05-29-610
 // @description  enhanced tdx coloring & formatting. follows system color scheme.
 // @author       Purdue STEM IT - it@purdue.edu
 // @match        https://service.purdue.edu/TDWorkManagement*
@@ -84,8 +84,8 @@
 
     /* BEGIN FUNCTIONS */
 
-    //better solution
-    //start
+    //color manipulation via css filters: https://github.com/angel-rs/css-color-filter-generator
+    //modified to return an object instead of filter string
 
     class Color {
           constructor(r, g, b) {
@@ -372,6 +372,7 @@
                 return Math.round(filters[idx] * multiplier);
             }
 
+            //modified here
             return {
                 invert: `${fmt(0)}%`,
                 sepia: `${fmt(1)}%`,
@@ -427,7 +428,7 @@
         return bestResult;
     }
 
-    //end
+    //end color manipulation
 
     function updateHeading(mutation) {
         let headings = mutation.querySelectorAll(".tdx-control-bar__title")
@@ -675,7 +676,7 @@
         let path = document.location.pathname;
 
         //inject styles into search bar
-        [...document.querySelectorAll("tdx-search-bar")].forEach(searchBar=>{
+        [...document.querySelectorAll("tdx-search-bar, .js_sidePanelX")].forEach(searchBar=>{
             //console.log("SEARCH BAR:",searchBar)
             let shadow = searchBar.shadowRoot
             if (shadow) {
@@ -2562,6 +2563,10 @@ a:visited,
     color: var(--col-400);
 }
 
+a.disabledLink {
+    color: var(--txt-1) !important;
+}
+
 .k-grid a.tdx-link {
     color: var(--col-400) !important;
 }
@@ -3332,6 +3337,14 @@ div.btn-group.open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-prim
     background-color: var(--col-red);
 }
 
+[class^=fa-].red, [class^=fa-].red:hover {
+    color: var(--col-red) !important;
+}
+
+[class^=fa-].green, [class^=fa-].green:hover {
+    color: var(--col-green) !important;
+}
+
 .red-bg,
 .status.red, .status-danger, .pri-hi {
     background-color: var(--col-red) !important;
@@ -3616,8 +3629,8 @@ div.select2-container.select2-allowclear .select2-choice abbr {
 .tdx-dropdown__menu-icon,
 .tdx-dropdown--headline:after,
 .tdx-dropdown:after,
-.tdx-icon--search,
-.tdx-icon {
+.tdx-icon--search
+{
     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));
 }
 
@@ -3629,7 +3642,8 @@ div.select2-container.select2-allowclear .select2-choice abbr {
 .tdx-close-x, button.tdx-close-x,
 .tdx-action-menu__item--primary:after,
 .tdx-action-menu-dropdown:after,
-.tdx-icon.tdx-icon--hover-darken, .tdx-icon--hover-darken>.tdx-icon
+.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
 {
     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;
 }
@@ -3638,7 +3652,8 @@ div.select2-container.select2-allowclear .select2-choice abbr {
 .tdx-icon__encircled:hover .tdx-icon,
 .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-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
 {
     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;
 }