diff --git a/tdx-enhanced.js b/tdx-enhanced.js index ee19568..da94120 100644 --- 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; }