MediaWiki:Common.css: Difference between revisions
m Toolbar icons: target inline-image + OOUI icon carriers (version-proof) instead of guessed class |
m Toolbar highlight: add --d-hover (#33333a dark grey) token; use it for dropdown/index/glyph hover instead of near-black --d-panel |
||
| (One intermediate revision by the same user not shown) | |||
| Line 232: | Line 232: | ||
--d-text:#E9E6E0; --d-muted:#9A9792; | --d-text:#E9E6E0; --d-muted:#9A9792; | ||
--d-gold:#F5BD3F; --d-gold2:#F4A345; --d-red:#BE2F24; | --d-gold:#F5BD3F; --d-gold2:#F4A345; --d-red:#BE2F24; | ||
--d-border:#2A2A2C; --d-link:#E7B84B; --d-ext:#7FB2D6; | --d-border:#2A2A2C; --d-link:#E7B84B; --d-ext:#7FB2D6; --d-hover:#33333a; | ||
} | } | ||
html, body { background: var(--d-bg); color: var(--d-text); } | html, body { background: var(--d-bg); color: var(--d-text); } | ||
| 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-hover) !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-hover) !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-hover) !important; border-color: var(--d-gold); } | |||
/* --- OOUI widgets (used across modern special pages / dialogs) --- */ | /* --- OOUI widgets (used across modern special pages / dialogs) --- */ | ||