MediaWiki:Common.css: Difference between revisions
(Black theme setup) |
(Vector 2022 black theme setup) |
||
| Line 1: | Line 1: | ||
/* Complete Black Theme for MediaWiki ( | /* Complete Black Theme for MediaWiki (Vector 2022 & Vector Legacy) */ | ||
html, body, #content, .mw-body, #mw-page-base, #mw-head-base, #mw-head, #mw-panel, | /* General Backgrounds */ | ||
.vector-menu-portal .vector-menu-content, . | html, body, | ||
.mw-page-container, | |||
.mw-page-container-inner, | |||
.vector-header-container, | |||
.vector-header, | |||
.vector-sidebar-container, | |||
.vector-pinned-container, | |||
.vector-main-menu-container, | |||
.vector-sticky-header, | |||
.vector-toc-container, | |||
.mw-content-container, | |||
#content, | |||
.mw-body, | |||
#mw-page-base, | |||
#mw-head-base, | |||
#mw-head, | |||
#mw-panel, | |||
.vector-menu-portal .vector-menu-content, | |||
footer, | |||
.mw-footer { | |||
background-color: #000000 !important; | background-color: #000000 !important; | ||
background: #000000 !important; | background: #000000 !important; | ||
color: # | color: #cbd5e1 !important; /* light gray text */ | ||
border-color: # | border-color: #1f2937 !important; /* dark borders */ | ||
} | } | ||
/* Force content borders and backgrounds */ | |||
.mw-body { | .mw-body { | ||
border: 1px solid # | border: 1px solid #1f2937 !important; | ||
background-color: #000000 !important; | background-color: #000000 !important; | ||
} | } | ||
/* Headings */ | /* Headings */ | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6, .firstHeading { | ||
color: #eab308 !important; /* Gold */ | color: #eab308 !important; /* Gold */ | ||
font-family: 'Cinzel', Georgia, serif !important; | font-family: 'Cinzel', Georgia, serif !important; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #1f2937 !important; | ||
} | |||
/* Page titles */ | |||
.mw-page-title-main { | |||
color: #eab308 !important; | |||
} | } | ||
| Line 25: | Line 50: | ||
color: #f59e0b !important; | color: #f59e0b !important; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 37: | Line 61: | ||
} | } | ||
/* | a.new:hover { | ||
.vector-menu-heading { | color: #f87171 !important; | ||
} | |||
/* Navigation Headers & Text */ | |||
.vector-menu-heading, .vector-menu-heading label { | |||
color: #eab308 !important; | color: #eab308 !important; | ||
font-family: 'Cinzel', Georgia, serif !important; | font-family: 'Cinzel', Georgia, serif !important; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.vector-menu-portal .vector-menu-content-list a { | .vector-menu-portal .vector-menu-content-list a, | ||
color: # | .vector-main-menu-action a, | ||
.vector-toc-link, | |||
.vector-main-menu-group a { | |||
color: #9ca3af !important; | |||
} | } | ||
.vector-menu-portal .vector-menu-content-list a:hover { | .vector-menu-portal .vector-menu-content-list a:hover, | ||
.vector-toc-link:hover, | |||
.vector-main-menu-group a:hover { | |||
color: #eab308 !important; | color: #eab308 !important; | ||
background-color: transparent !important; | |||
} | } | ||
/* Tabs */ | /* Selected Tabs & Navigation Elements */ | ||
.vector-menu-tabs li { | .vector-menu-tabs li { | ||
background-color: # | background-color: #111827 !important; | ||
border: 1px solid # | border: 1px solid #1f2937 !important; | ||
border-bottom: none !important; | border-bottom: none !important; | ||
} | } | ||
| Line 63: | Line 95: | ||
.vector-menu-tabs li.selected { | .vector-menu-tabs li.selected { | ||
background-color: #000000 !important; | background-color: #000000 !important; | ||
border-color: # | border-color: #1f2937 !important; | ||
} | } | ||
| Line 71: | Line 103: | ||
.vector-menu-tabs li a { | .vector-menu-tabs li a { | ||
color: # | color: #9ca3af !important; | ||
} | } | ||
/* Tables */ | /* Tables styling */ | ||
.wikitable { | .wikitable { | ||
background-color: #09090b !important; | background-color: #09090b !important; | ||
color: # | color: #cbd5e1 !important; | ||
border: 1px solid # | border: 1px solid #1f2937 !important; | ||
} | } | ||
| Line 84: | Line 116: | ||
background-color: #18181b !important; | background-color: #18181b !important; | ||
color: #eab308 !important; | color: #eab308 !important; | ||
border: 1px solid # | border: 1px solid #1f2937 !important; | ||
font-family: 'Cinzel', Georgia, serif !important; | font-family: 'Cinzel', Georgia, serif !important; | ||
} | } | ||
.wikitable td { | .wikitable td { | ||
border: 1px solid # | border: 1px solid #1f2937 !important; | ||
} | } | ||
/* | /* Inputs and Buttons */ | ||
#searchInput { | #searchInput { | ||
background-color: #09090b !important; | background-color: #09090b !important; | ||
color: # | color: #cbd5e1 !important; | ||
border: 1px solid # | border: 1px solid #1f2937 !important; | ||
} | } | ||
| Line 102: | Line 134: | ||
background-color: #18181b !important; | background-color: #18181b !important; | ||
color: #eab308 !important; | color: #eab308 !important; | ||
border: 1px solid # | border: 1px solid #1f2937 !important; | ||
} | |||
/* Hide Vector layout background base layers */ | |||
#mw-page-base, #mw-head-base { | |||
background-image: none !important; | |||
} | |||
/* Footer layout cleanup */ | |||
.mw-footer li { | |||
color: #6b7280 !important; | |||
} | } | ||
Revision as of 15:05, 27 June 2026
/* Complete Black Theme for MediaWiki (Vector 2022 & Vector Legacy) */
/* General Backgrounds */
html, body,
.mw-page-container,
.mw-page-container-inner,
.vector-header-container,
.vector-header,
.vector-sidebar-container,
.vector-pinned-container,
.vector-main-menu-container,
.vector-sticky-header,
.vector-toc-container,
.mw-content-container,
#content,
.mw-body,
#mw-page-base,
#mw-head-base,
#mw-head,
#mw-panel,
.vector-menu-portal .vector-menu-content,
footer,
.mw-footer {
background-color: #000000 !important;
background: #000000 !important;
color: #cbd5e1 !important; /* light gray text */
border-color: #1f2937 !important; /* dark borders */
}
/* Force content borders and backgrounds */
.mw-body {
border: 1px solid #1f2937 !important;
background-color: #000000 !important;
}
/* Headings */
h1, h2, h3, h4, h5, h6, .firstHeading {
color: #eab308 !important; /* Gold */
font-family: 'Cinzel', Georgia, serif !important;
border-bottom: 1px solid #1f2937 !important;
}
/* Page titles */
.mw-page-title-main {
color: #eab308 !important;
}
/* Links */
a {
color: #f59e0b !important;
text-decoration: none;
}
a:hover {
color: #fbbf24 !important;
text-decoration: underline;
}
a.new {
color: #ef4444 !important;
}
a.new:hover {
color: #f87171 !important;
}
/* Navigation Headers & Text */
.vector-menu-heading, .vector-menu-heading label {
color: #eab308 !important;
font-family: 'Cinzel', Georgia, serif !important;
font-weight: bold;
}
.vector-menu-portal .vector-menu-content-list a,
.vector-main-menu-action a,
.vector-toc-link,
.vector-main-menu-group a {
color: #9ca3af !important;
}
.vector-menu-portal .vector-menu-content-list a:hover,
.vector-toc-link:hover,
.vector-main-menu-group a:hover {
color: #eab308 !important;
background-color: transparent !important;
}
/* Selected Tabs & Navigation Elements */
.vector-menu-tabs li {
background-color: #111827 !important;
border: 1px solid #1f2937 !important;
border-bottom: none !important;
}
.vector-menu-tabs li.selected {
background-color: #000000 !important;
border-color: #1f2937 !important;
}
.vector-menu-tabs li.selected a {
color: #eab308 !important;
}
.vector-menu-tabs li a {
color: #9ca3af !important;
}
/* Tables styling */
.wikitable {
background-color: #09090b !important;
color: #cbd5e1 !important;
border: 1px solid #1f2937 !important;
}
.wikitable th {
background-color: #18181b !important;
color: #eab308 !important;
border: 1px solid #1f2937 !important;
font-family: 'Cinzel', Georgia, serif !important;
}
.wikitable td {
border: 1px solid #1f2937 !important;
}
/* Inputs and Buttons */
#searchInput {
background-color: #09090b !important;
color: #cbd5e1 !important;
border: 1px solid #1f2937 !important;
}
#searchButton, #searchGoButton {
background-color: #18181b !important;
color: #eab308 !important;
border: 1px solid #1f2937 !important;
}
/* Hide Vector layout background base layers */
#mw-page-base, #mw-head-base {
background-image: none !important;
}
/* Footer layout cleanup */
.mw-footer li {
color: #6b7280 !important;
}