MediaWiki:Common.css
MediaWiki interface page
More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Prosperity SMP Wiki — dark theme for Vector-2022 */
/* Dark background */
body, .mw-page-container {
background-color: #0f0f1a !important;
color: #e0e0e0 !important;
}
.vector-header-container,
.mw-header {
background-color: #0f0f1a !important;
border-bottom: 1px solid rgba(226, 183, 20, 0.15);
}
/* Content area */
.mw-body, .mw-body-content, .vector-body {
background-color: #141425 !important;
color: #e0e0e0 !important;
}
.mw-parser-output {
color: #e0e0e0 !important;
}
/* Sidebar */
.vector-column-start .vector-main-menu,
.vector-sidebar,
.mw-sidebar-container,
nav.vector-main-menu-container {
background-color: #0f0f1a !important;
}
.vector-main-menu .vector-menu-heading,
.sidebar-heading,
.vector-menu-heading {
color: #e2b714 !important;
font-weight: 600;
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 0.04em;
}
/* Sidebar links */
.mw-sidebar a, .vector-main-menu a,
nav.vector-main-menu-container a,
.vector-column-start a {
color: #b0b0c0 !important;
}
.mw-sidebar a:hover, .vector-main-menu a:hover,
nav.vector-main-menu-container a:hover,
.vector-column-start a:hover {
color: #e2b714 !important;
}
/* Links */
.mw-body a, .mw-body-content a {
color: #6ba4e8 !important;
}
.mw-body a:hover {
color: #e2b714 !important;
}
/* Headings */
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4 {
color: #ffffff !important;
border-bottom-color: rgba(226, 183, 20, 0.2) !important;
}
.mw-page-title-main, #firstHeading {
color: #e2b714 !important;
}
/* Tables */
.wikitable, .wikitable th, .wikitable td {
background-color: #1a1a2e !important;
color: #e0e0e0 !important;
border-color: #2a2a4a !important;
}
.wikitable th {
background-color: #1e1e36 !important;
color: #e2b714 !important;
}
/* Code blocks */
code, pre, .mw-code {
background-color: #1a1a2e !important;
color: #e8c547 !important;
border-color: #2a2a4a !important;
}
/* Search */
.vector-search-box input,
.cdx-text-input__input {
background-color: #1a1a2e !important;
color: #e0e0e0 !important;
border-color: #2a2a4a !important;
}
/* Footer */
.mw-footer, footer {
background-color: #0a0a14 !important;
color: #808090 !important;
border-top-color: rgba(226, 183, 20, 0.1) !important;
}
/* Tabs */
.vector-tabs .mw-list-item a,
.vector-menu-tabs .mw-list-item a {
color: #b0b0c0 !important;
}
.vector-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a {
color: #e2b714 !important;
}
/* Notices / admonitions */
.mw-message-box {
background-color: #1a1a2e !important;
border-color: #e2b714 !important;
color: #e0e0e0 !important;
}
/* TOC */
.toc, .toccolours {
background-color: #1a1a2e !important;
border-color: #2a2a4a !important;
}
/* Category links */
.catlinks {
background-color: #1a1a2e !important;
border-color: #2a2a4a !important;
color: #b0b0c0 !important;
}
/* Blockquote */
blockquote {
background-color: #1a1a2e;
border-left: 3px solid #e2b714;
padding: 0.5em 1em;
margin: 1em 0;
}
/* User menu / personal tools */
.vector-user-links, .vector-menu-content {
background-color: #0f0f1a !important;
}