/* ========================================================================== Admin Area - theme override patches (MSPA-14070) -------------------------------------------------------------------------- Small, targeted fixes for elements inside containers theme_dark.css (and its 24 drivetrain-generated theme__.css siblings) already theme, but whose own colour was left hardcoded. Kept separate from theme_dark.css itself so future fixes like these don't need to flow back through the drivetrain generator/reimport pipeline - this file covers all 25 theme classes at once (the legacy no-brand ".theme-dark" plus all 24 brand x mode combinations) and is loaded once, after whichever theme/brand CSS is active. ========================================================================== */ /* Right-bar account menu links (theme, change_password, logout, etc.) - text colour was hardcoded white in template_sw.css; only correct by coincidence against a hardcoded-dark panel background. Breaks once a brand theme varies --dm-bg-surface (e.g. light-mode brand variants). */ .theme-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-default-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-default-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-classic-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-classic-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-purple-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-purple-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-teal-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-teal-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-n-able-core-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-n-able-core-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-low-blue-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-low-blue-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-high-vis-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-high-vis-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-dyslexia-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-dyslexia-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-achrom-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-achrom-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-deutan-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-deutan-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-protan-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-protan-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-tritan-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-cb-tritan-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link, .theme-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-default-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-default-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-classic-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-classic-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-purple-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-purple-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-teal-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-teal-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-n-able-core-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-n-able-core-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-low-blue-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-low-blue-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-high-vis-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-high-vis-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-dyslexia-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-dyslexia-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-achrom-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-achrom-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-deutan-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-deutan-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-protan-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-protan-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-tritan-dark .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a, .theme-cb-tritan-light .sw-right-bar > .old-style > .info-block > ul > li.old-style-link a { color: var(--dm-text-primary); } /* Popup header action icon (e.g. the close icon) - hardcoded accent blue. */ .theme-dark .sw-popup > .sw-popup-container > .header .ic, .theme-default-dark .sw-popup > .sw-popup-container > .header .ic, .theme-default-light .sw-popup > .sw-popup-container > .header .ic, .theme-classic-dark .sw-popup > .sw-popup-container > .header .ic, .theme-classic-light .sw-popup > .sw-popup-container > .header .ic, .theme-purple-dark .sw-popup > .sw-popup-container > .header .ic, .theme-purple-light .sw-popup > .sw-popup-container > .header .ic, .theme-teal-dark .sw-popup > .sw-popup-container > .header .ic, .theme-teal-light .sw-popup > .sw-popup-container > .header .ic, .theme-n-able-core-dark .sw-popup > .sw-popup-container > .header .ic, .theme-n-able-core-light .sw-popup > .sw-popup-container > .header .ic, .theme-low-blue-dark .sw-popup > .sw-popup-container > .header .ic, .theme-low-blue-light .sw-popup > .sw-popup-container > .header .ic, .theme-high-vis-dark .sw-popup > .sw-popup-container > .header .ic, .theme-high-vis-light .sw-popup > .sw-popup-container > .header .ic, .theme-dyslexia-dark .sw-popup > .sw-popup-container > .header .ic, .theme-dyslexia-light .sw-popup > .sw-popup-container > .header .ic, .theme-cb-achrom-dark .sw-popup > .sw-popup-container > .header .ic, .theme-cb-achrom-light .sw-popup > .sw-popup-container > .header .ic, .theme-cb-deutan-dark .sw-popup > .sw-popup-container > .header .ic, .theme-cb-deutan-light .sw-popup > .sw-popup-container > .header .ic, .theme-cb-protan-dark .sw-popup > .sw-popup-container > .header .ic, .theme-cb-protan-light .sw-popup > .sw-popup-container > .header .ic, .theme-cb-tritan-dark .sw-popup > .sw-popup-container > .header .ic, .theme-cb-tritan-light .sw-popup > .sw-popup-container > .header .ic { color: var(--dm-blue); } /* Disabled table pagination icon - hardcoded mid-grey. */ .theme-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-default-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-default-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-classic-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-classic-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-purple-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-purple-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-teal-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-teal-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-n-able-core-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-n-able-core-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-low-blue-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-low-blue-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-high-vis-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-high-vis-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-dyslexia-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-dyslexia-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-achrom-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-achrom-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-deutan-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-deutan-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-protan-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-protan-light .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-tritan-dark .table-list-pagination > .pagination-table .pages .ic.disabled, .theme-cb-tritan-light .table-list-pagination > .pagination-table .pages .ic.disabled { color: var(--dm-text-muted); } /* Login input field - theme_dark.css (and its 24 generated brand siblings) hardcode this to color:black, deliberately leaving a "light island" input on an otherwise themed dark/brand login card. Re-themed here instead of in theme_dark.css itself, for the same reason as the rules above - keeps the drivetrain generator's source untouched. */ .theme-dark .content-page > .content > .top input, .theme-default-dark .content-page > .content > .top input, .theme-default-light .content-page > .content > .top input, .theme-classic-dark .content-page > .content > .top input, .theme-classic-light .content-page > .content > .top input, .theme-purple-dark .content-page > .content > .top input, .theme-purple-light .content-page > .content > .top input, .theme-teal-dark .content-page > .content > .top input, .theme-teal-light .content-page > .content > .top input, .theme-n-able-core-dark .content-page > .content > .top input, .theme-n-able-core-light .content-page > .content > .top input, .theme-low-blue-dark .content-page > .content > .top input, .theme-low-blue-light .content-page > .content > .top input, .theme-high-vis-dark .content-page > .content > .top input, .theme-high-vis-light .content-page > .content > .top input, .theme-dyslexia-dark .content-page > .content > .top input, .theme-dyslexia-light .content-page > .content > .top input, .theme-cb-achrom-dark .content-page > .content > .top input, .theme-cb-achrom-light .content-page > .content > .top input, .theme-cb-deutan-dark .content-page > .content > .top input, .theme-cb-deutan-light .content-page > .content > .top input, .theme-cb-protan-dark .content-page > .content > .top input, .theme-cb-protan-light .content-page > .content > .top input, .theme-cb-tritan-dark .content-page > .content > .top input, .theme-cb-tritan-light .content-page > .content > .top input { background: var(--dm-bg-raised); border-color: var(--dm-border); color: var(--dm-text-primary); } /* Login helper links (forgot-password div, sign-up-trial anchor) - login.css's plain .link rule and theme_dark.css's brand "a" rule disagree on which one wins for the anchor case (element-selector tie-break), so the two links render in two different colours. Match both to the login button's own colour (--sw-color) instead of the generic link token (--dm-blue) - for brands whose primary hue is dark/saturated (e.g. purple), --dm-blue reads too low-contrast for small body text; --sw-color is deliberately lightened toward white for exactly this kind of use (see theme_dark.css's derivation comment on --sw-color), and it keeps the two links visually tied to the button instead of introducing a third, unrelated hue. */ .theme-dark .content-page > .content .link, .theme-default-dark .content-page > .content .link, .theme-default-light .content-page > .content .link, .theme-classic-dark .content-page > .content .link, .theme-classic-light .content-page > .content .link, .theme-purple-dark .content-page > .content .link, .theme-purple-light .content-page > .content .link, .theme-teal-dark .content-page > .content .link, .theme-teal-light .content-page > .content .link, .theme-n-able-core-dark .content-page > .content .link, .theme-n-able-core-light .content-page > .content .link, .theme-low-blue-dark .content-page > .content .link, .theme-low-blue-light .content-page > .content .link, .theme-high-vis-dark .content-page > .content .link, .theme-high-vis-light .content-page > .content .link, .theme-dyslexia-dark .content-page > .content .link, .theme-dyslexia-light .content-page > .content .link, .theme-cb-achrom-dark .content-page > .content .link, .theme-cb-achrom-light .content-page > .content .link, .theme-cb-deutan-dark .content-page > .content .link, .theme-cb-deutan-light .content-page > .content .link, .theme-cb-protan-dark .content-page > .content .link, .theme-cb-protan-light .content-page > .content .link, .theme-cb-tritan-dark .content-page > .content .link, .theme-cb-tritan-light .content-page > .content .link, .theme-dark .content-page > .content .link a, .theme-default-dark .content-page > .content .link a, .theme-default-light .content-page > .content .link a, .theme-classic-dark .content-page > .content .link a, .theme-classic-light .content-page > .content .link a, .theme-purple-dark .content-page > .content .link a, .theme-purple-light .content-page > .content .link a, .theme-teal-dark .content-page > .content .link a, .theme-teal-light .content-page > .content .link a, .theme-n-able-core-dark .content-page > .content .link a, .theme-n-able-core-light .content-page > .content .link a, .theme-low-blue-dark .content-page > .content .link a, .theme-low-blue-light .content-page > .content .link a, .theme-high-vis-dark .content-page > .content .link a, .theme-high-vis-light .content-page > .content .link a, .theme-dyslexia-dark .content-page > .content .link a, .theme-dyslexia-light .content-page > .content .link a, .theme-cb-achrom-dark .content-page > .content .link a, .theme-cb-achrom-light .content-page > .content .link a, .theme-cb-deutan-dark .content-page > .content .link a, .theme-cb-deutan-light .content-page > .content .link a, .theme-cb-protan-dark .content-page > .content .link a, .theme-cb-protan-light .content-page > .content .link a, .theme-cb-tritan-dark .content-page > .content .link a, .theme-cb-tritan-light .content-page > .content .link a { color: var(--sw-color); }