MediaWiki:Common.css: Difference between revisions
m Dark theme part 2: diffs, changes lists, special pages, edit view, OOUI, search |
m Dark theme part 3: correct modern Vector-legacy menu/sidebar/footer selectors |
||
| Line 364: | Line 364: | ||
.navbox, .mw-parser-output .navbox { background: var(--d-panel2); border-color: var(--d-border); color: var(--d-text); } | .navbox, .mw-parser-output .navbox { background: var(--d-panel2); border-color: var(--d-border); color: var(--d-text); } | ||
.mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--d-text); } | .mw-message-box-warning, .mw-message-box-error, .mw-message-box-success { color: var(--d-text); } | ||
/* ============================================================ | |||
DARK THEME part 3 — correct modern Vector-legacy class names | |||
(this wiki uses .vector-menu-* / .vector-legacy-sidebar / .mw-footer) | |||
============================================================ */ | |||
/* Sidebar */ | |||
#mw-panel, .vector-legacy-sidebar { color: var(--d-muted); } | |||
.vector-menu-portal .vector-menu-heading, .vector-menu-portal .vector-menu-heading-label { color: var(--d-muted); } | |||
.vector-menu-portal .mw-list-item a, #mw-panel .mw-list-item a { color: var(--d-link); } | |||
/* Tabs + dropdown menus at top of content */ | |||
.vector-menu-tabs .mw-list-item { background: var(--d-panel2); } | |||
.vector-menu-tabs .mw-list-item a { color: var(--d-muted); } | |||
.vector-menu-tabs .mw-list-item.selected { background: var(--d-panel); } | |||
.vector-menu-tabs .mw-list-item.selected a { color: var(--d-gold); } | |||
.vector-menu-heading, .vector-menu-heading-label { color: var(--d-muted); } | |||
.vector-menu-dropdown .vector-menu-content, .vector-menu-dropdown-noicon .vector-menu-content { | |||
background: var(--d-panel2); border-color: var(--d-border); | |||
} | |||
.vector-menu-dropdown .mw-list-item a { color: var(--d-link); } | |||
/* Personal tools (top-right user links) */ | |||
.mw-portlet-personal .mw-list-item a, #p-personal .mw-list-item a { color: var(--d-link); } | |||
/* Body wrappers inherit the dark panel */ | |||
.vector-body, .mw-body-content { background: transparent; color: var(--d-text); } | |||
/* Footer (modern class) */ | |||
.mw-footer { background: var(--d-bg); color: var(--d-muted); } | |||
.mw-footer a, .mw-footer a:visited { color: var(--d-link); } | |||
.mw-footer li, .mw-footer #footer-info li { color: var(--d-muted); } | |||