MediaWiki:Common.css: Difference between revisions
From The Chaakat Holocron
Created page with "body { background-color: #17181b; color: #d7d8da; } .mw-body, #content { background-color: #1c1e22; color: #d7d8da; border-color: #393c42; } a { color: #b7a76b; } a:visited { color: #8a7a4a; }" |
No edit summary |
||
| Line 1: | Line 1: | ||
/* 1. Global CSS Variables used by Vector 2022 */ | |||
background-color: #17181b; | :root { | ||
color: #d7d8da; | --background-color-base: #17181b !important; | ||
--background-color-neutral-subtle: #1c1e22 !important; | |||
--background-color-quiet: #17181b !important; | |||
--color-base: #d7d8da !important; | |||
} | } | ||
.mw- | /* 2. Page Container & Main Backgrounds */ | ||
background-color: # | html, | ||
color: #d7d8da | body, | ||
.mw-page-container, | |||
.vector-header-container, | |||
.mw-header { | |||
background-color: #17181b !important; | |||
color: #d7d8da !important; | |||
} | } | ||
/* 3. Sidebars: Left (Table of Contents) & Right (Appearance) */ | |||
color: # | .vector-column-start, | ||
.vector-column-end, | |||
.vector-toc, | |||
.vector-main-menu, | |||
.vector-appearance-widget, | |||
.vector-menu-content { | |||
background-color: #17181b !important; | |||
color: #d7d8da !important; | |||
} | } | ||
color: # | /* 4. Fix contrast for labels and headings in sidebars */ | ||
.vector-toc .vector-toc-link, | |||
.vector-toc .vector-toc-title, | |||
.vector-menu-heading, | |||
.vector-appearance-widget * { | |||
color: #d7d8da !important; | |||
} | |||
/* 5. Footer & Miscellaneous White Boxes */ | |||
#footer, | |||
.mw-footer, | |||
.vector-footer { | |||
background-color: #17181b !important; | |||
color: #d7d8da !important; | |||
} | } | ||
Revision as of 00:24, 1 August 2026
/* 1. Global CSS Variables used by Vector 2022 */
:root {
--background-color-base: #17181b !important;
--background-color-neutral-subtle: #1c1e22 !important;
--background-color-quiet: #17181b !important;
--color-base: #d7d8da !important;
}
/* 2. Page Container & Main Backgrounds */
html,
body,
.mw-page-container,
.vector-header-container,
.mw-header {
background-color: #17181b !important;
color: #d7d8da !important;
}
/* 3. Sidebars: Left (Table of Contents) & Right (Appearance) */
.vector-column-start,
.vector-column-end,
.vector-toc,
.vector-main-menu,
.vector-appearance-widget,
.vector-menu-content {
background-color: #17181b !important;
color: #d7d8da !important;
}
/* 4. Fix contrast for labels and headings in sidebars */
.vector-toc .vector-toc-link,
.vector-toc .vector-toc-title,
.vector-menu-heading,
.vector-appearance-widget * {
color: #d7d8da !important;
}
/* 5. Footer & Miscellaneous White Boxes */
#footer,
.mw-footer,
.vector-footer {
background-color: #17181b !important;
color: #d7d8da !important;
}
