|
|
| (5 intermediate revisions by the same user not shown) |
| Line 18: |
Line 18: |
| #site-navigation { | | #site-navigation { |
| min-height: 90px !important; | | min-height: 90px !important; |
| }
| |
|
| |
| /* ============================================================
| |
| DARK MODE — DESCENDANTS OF DARKNESS (MEDIK)
| |
| Completely disables inversion, applies real dark theme
| |
| ============================================================ */
| |
|
| |
| /* Base: kill the extension’s invert filter */
| |
| html.client-darkmode,
| |
| html.client-darkmode body {
| |
| filter: none !important;
| |
| -webkit-filter: none !important;
| |
| background: #050509 !important;
| |
| color: #dddddd !important;
| |
| }
| |
|
| |
| /* -----------------------------
| |
| MAIN CONTENT AREA
| |
| ----------------------------- */
| |
| html.client-darkmode .mw-body,
| |
| html.client-darkmode .mw-content-container,
| |
| html.client-darkmode .mw-parser-output,
| |
| html.client-darkmode .content,
| |
| html.client-darkmode #content {
| |
| background: #0b0b12 !important;
| |
| color: #dddddd !important;
| |
| }
| |
|
| |
| /* Headings inside pages */
| |
| html.client-darkmode h1,
| |
| html.client-darkmode h2,
| |
| html.client-darkmode h3,
| |
| html.client-darkmode h4,
| |
| html.client-darkmode h5 {
| |
| color: #e1e1e1 !important;
| |
| }
| |
|
| |
| /* -----------------------------
| |
| LINKS (CONTENT)
| |
| ----------------------------- */
| |
| html.client-darkmode a,
| |
| html.client-darkmode a:visited {
| |
| color: #d64040 !important;
| |
| }
| |
|
| |
| html.client-darkmode a:hover {
| |
| color: #ff5b5b !important;
| |
| }
| |
|
| |
| /* -----------------------------
| |
| TABLES, INFOBOXES, TOC
| |
| ----------------------------- */
| |
| html.client-darkmode table,
| |
| html.client-darkmode .infobox,
| |
| html.client-darkmode .toc,
| |
| html.client-darkmode .navbox,
| |
| html.client-darkmode .wikitable {
| |
| background: #101018 !important;
| |
| border-color: #2a2a3a !important;
| |
| color: #dddddd !important;
| |
| }
| |
|
| |
| /* -----------------------------
| |
| TOP BAR / NAVBAR
| |
| ----------------------------- */
| |
| html.client-darkmode .navbar,
| |
| html.client-darkmode .navbar-default,
| |
| html.client-darkmode #mw-head {
| |
| background: #000000 !important;
| |
| border-bottom: 1px solid #222 !important;
| |
| }
| |
|
| |
| /* Top-left wiki title (stop it being red) */
| |
| html.client-darkmode .navbar-brand,
| |
| html.client-darkmode .navbar-brand a {
| |
| color: #f0f0f0 !important;
| |
| text-shadow: none !important;
| |
| }
| |
|
| |
| /* -----------------------------
| |
| LEFT SIDEBAR (REMOVE WHITE)
| |
| ----------------------------- */
| |
| html.client-darkmode #mw-panel,
| |
| html.client-darkmode #mw-panel .portal,
| |
| html.client-darkmode #mw-panel .body,
| |
| html.client-darkmode .sidebar {
| |
| background: #050509 !important;
| |
| color: #dddddd !important;
| |
| }
| |
|
| |
| html.client-darkmode #mw-panel a {
| |
| color: #dddddd !important;
| |
| }
| |
|
| |
| html.client-darkmode #mw-panel a:hover {
| |
| color: #ff5b5b !important;
| |
| }
| |
|
| |
| /* Sidebar section headings */
| |
| html.client-darkmode #mw-panel .portal h3 {
| |
| color: #d64040 !important;
| |
| }
| |
|
| |
| /* -----------------------------
| |
| LOGO FIX — NEVER INVERT
| |
| ----------------------------- */
| |
| html.client-darkmode .mw-wiki-logo,
| |
| html.client-darkmode #p-logo a,
| |
| html.client-darkmode .mw-logo-icon,
| |
| html.client-darkmode .mw-logo-icon img,
| |
| html.client-darkmode .mw-logo-container img,
| |
| html.client-darkmode .mw-wiki-logo img {
| |
| filter: none !important;
| |
| -webkit-filter: none !important;
| |
| background-color: transparent !important;
| |
| } | | } |