MediaWiki:Common.css: Difference between revisions
m Toolbar icons: target inline-image + OOUI icon carriers (version-proof) instead of guessed class |
m Toolbar text: theme Heading dropdown (label/options), group labels (Format/Insert), tabs, and special-char/help index hover states; neutralize skin-invert; invert dropdown caret |
||
| Line 378: | Line 378: | ||
.wikiEditor-ui-toolbar .tool-button, | .wikiEditor-ui-toolbar .tool-button, | ||
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon { filter: invert(1); } | .wikiEditor-ui-toolbar .oo-ui-iconElement-icon { filter: invert(1); } | ||
/* | /* Toolbar text controls (dropdowns, group labels, section booklets) hardcode light-theme colors with higher specificity; override with matched specificity + !important. */ | ||
.wikiEditor-ui-toolbar . | /* Heading dropdown: handle, label, menu, options */ | ||
.wikiEditor-ui-toolbar .tool-select .label, | .wikiEditor-ui-toolbar .group .tool-select, | ||
.wikiEditor-ui-toolbar .tool-select .options | .wikiEditor-ui-toolbar .group .tool-select .menu .options, | ||
.wikiEditor-ui-toolbar . | .wikiEditor-ui-toolbar .group .tool-select .options { background-color: var(--d-panel2) !important; border-color: var(--d-border) !important; } | ||
.wikiEditor-ui-toolbar .booklet .index div { color: var(--d-text); } | .wikiEditor-ui-toolbar .group .tool-select .label, | ||
.wikiEditor-ui-toolbar . | .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--d-text) !important; } | ||
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover { background-color: var(--d-panel) !important; color: var(--d-text) !important; } | |||
.wikiEditor-ui-toolbar .group .tool-select .label.skin-invert { filter: none !important; } | |||
.wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(1); } | |||
/* Group labels (Format, Insert, ...) */ | |||
.wikiEditor-ui-toolbar .group .label { color: var(--d-text) !important; } | |||
/* Section tabs (Advanced / Special characters / Help) */ | |||
.wikiEditor-ui-toolbar .tabs .tab a { color: var(--d-link) !important; } | |||
/* Special-characters & Help booklets: index list + hover/current highlight */ | |||
.wikiEditor-ui-toolbar .booklet > .index > div { color: var(--d-text); } | |||
.wikiEditor-ui-toolbar .booklet > .index > div:hover, | |||
.wikiEditor-ui-toolbar .booklet > .index > .current, | |||
.wikiEditor-ui-toolbar .booklet > .index .wikiEditor-character-highlighted { background-color: var(--d-panel) !important; color: var(--d-text) !important; } | |||
/* Help tables + special-character glyph tiles */ | |||
.wikiEditor-ui-toolbar .booklet table th, | |||
.wikiEditor-ui-toolbar .booklet table td, | |||
.wikiEditor-ui-toolbar .booklet .cell span { color: var(--d-text); border-color: var(--d-border); } | |||
.wikiEditor-ui-toolbar .page-characters div span { color: var(--d-text) !important; border-color: var(--d-border); } | |||
.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: var(--d-panel) !important; border-color: var(--d-gold); } | |||
/* --- OOUI widgets (used across modern special pages / dialogs) --- */ | /* --- OOUI widgets (used across modern special pages / dialogs) --- */ | ||