MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 2: | Line 2: | ||
:root { | :root { | ||
--bg: #121212; | --bg: #121212; | ||
--fg: # | --fg: #ffffff; | ||
--link: rgb(0, 122, 255); | --link: rgb(0, 122, 255); | ||
--link-hover: #66bfff; | --link-hover: #66bfff; | ||
| Line 15: | Line 15: | ||
} | } | ||
/* Body & text */ | |||
body, .mw-body, .mw-page-container { | body, .mw-body, .mw-page-container { | ||
background-color: var(--bg) !important; | background-color: var(--bg) !important; | ||
| Line 21: | Line 22: | ||
font-size: 15px !important; | font-size: 15px !important; | ||
line-height: 1.4 !important; | line-height: 1.4 !important; | ||
} | |||
/* Ensure ALL headings are white and transparent */ | |||
h1, h2, h3, h4, h5 { | |||
color: var(--fg) !important; | |||
background: transparent !important; | |||
border-bottom: 1px solid var(--sep) !important; | |||
padding-bottom: 4px !important; | |||
margin-top: 1em !important; | |||
} | |||
/* Special override for the page title */ | |||
.firstHeading { | |||
color: var(--fg) !important; | |||
background: transparent !important; | |||
border: none !important; | |||
} | } | ||
| Line 33: | Line 50: | ||
border-bottom: 1px solid var(--sep) !important; | border-bottom: 1px solid var(--sep) !important; | ||
background: var(--panel) !important; | background: var(--panel) !important; | ||
margin-left: 0; /* Adjust if you have a fixed sidebar */ | |||
} | } | ||
.vector-menu-tabs li a { | .vector-menu-tabs li a { | ||
| Line 45: | Line 63: | ||
} | } | ||
/* | /* TOC & section separators */ | ||
#toc, .mw-headline { | #toc, .mw-headline { | ||
border-bottom: 1px solid var(--sep) !important; | border-bottom: 1px solid var(--sep) !important; | ||
} | } | ||
/* Links */ | /* Links everywhere */ | ||
a, a:link, a:visited { | a, a:link, a:visited { | ||
color: var(--link) !important; | color: var(--link) !important; | ||
Revision as of 18:19, 1 July 2025
/* ─── Base Dark Mode ───────────────────────────────── */
:root {
--bg: #121212;
--fg: #ffffff;
--link: rgb(0, 122, 255);
--link-hover: #66bfff;
--panel: #1e1e1e;
--sep: #333;
}
* {
background: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* Body & text */
body, .mw-body, .mw-page-container {
background-color: var(--bg) !important;
color: var(--fg) !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
/* Ensure ALL headings are white and transparent */
h1, h2, h3, h4, h5 {
color: var(--fg) !important;
background: transparent !important;
border-bottom: 1px solid var(--sep) !important;
padding-bottom: 4px !important;
margin-top: 1em !important;
}
/* Special override for the page title */
.firstHeading {
color: var(--fg) !important;
background: transparent !important;
border: none !important;
}
/* Sidebar & Panels */
#mw-panel, #p-navigation, #p-tb {
background-color: var(--panel) !important;
border-right: 1px solid var(--sep) !important;
}
/* Top tabs */
.vector-menu-tabs {
border-bottom: 1px solid var(--sep) !important;
background: var(--panel) !important;
margin-left: 0; /* Adjust if you have a fixed sidebar */
}
.vector-menu-tabs li a {
background: var(--panel) !important;
color: var(--link) !important;
padding: 5px 10px !important;
text-decoration: none !important;
}
.vector-menu-tabs li a:hover {
background: #2a2a2a !important;
color: var(--link-hover) !important;
}
/* TOC & section separators */
#toc, .mw-headline {
border-bottom: 1px solid var(--sep) !important;
}
/* Links everywhere */
a, a:link, a:visited {
color: var(--link) !important;
text-decoration: none !important;
}
a:hover {
color: var(--link-hover) !important;
text-decoration: underline !important;
}
/* Forms & buttons */
input, textarea, select, button {
background: var(--panel) !important;
color: var(--fg) !important;
border: 1px solid #444 !important;
}
/* Hide logos & footer icons */
#p-logo, .mw-wiki-logo,
#footer, #footer-info, #footer-icons,
.mw-footer-logo, .printfooter,
.ccicons, .license {
display: none !important;
}