|
|
| Line 1: |
Line 1: |
| /* === GLOBAL OVERRIDE: FORCE DARK EVERYTHING === */ | | /* === GLOBAL BACKGROUND === */ |
| html, body, * {
| | body { |
| background-color: #000 !important; | | background-color: #000000 !important; |
| color: #fff !important; | | color: #ffffff !important; |
| border-color: #333 !important; | | } |
| | |
| | /* === PAGE CONTENT AREA === */ |
| | #content, |
| | .mw-body, |
| | .mw-body-content { |
| | background-color: #111111 !important; |
| | color: #ffffff !important; |
| | width: 100% !important; |
| | max-width: 100% !important; |
| | padding: 1.25rem !important; |
| | box-sizing: border-box !important; |
| } | | } |
|
| |
|
| /* === LINKS === */ | | /* === LINKS === */ |
| a { | | a { |
| color: #ff0 !important; | | color: #ffea00 !important; /* yellow links */ |
| } | | } |
| | |
| a:visited { | | a:visited { |
| color: #ccc !important; | | color: #c0c0c0 !important; /* silver visited links */ |
| } | | } |
|
| |
|
| /* === TABLES, INFOBOXES, THUMBS, TOC === */
| | a:hover { |
| table,
| | color: #fff799 !important; |
| .infobox,
| |
| .toc,
| |
| .thumb,
| |
| .thumbinner,
| |
| .mw-parser-output table,
| |
| .mw-parser-output .thumb,
| |
| .mw-parser-output .thumbinner {
| |
| background-color: #111 !important; | |
| color: #fff !important;
| |
| border-color: #333 !important;
| |
| } | | } |
|
| |
|
| /* === FORMS, INPUTS, BUTTONS === */ | | /* === HEADINGS === */ |
| input,
| | h1, h2, h3, h4, h5, h6 { |
| textarea,
| | color: #ffffff !important; |
| select,
| |
| button {
| |
| background-color: #111 !important;
| |
| color: #fff !important; | |
| border: 1px solid #444 !important;
| |
| } | | } |
|
| |
|
| /* === SPECIAL PAGES (Preferences, Upload, RecentChanges, etc.) === */ | | /* === TABLES, INFOBOXES, BOXES === */ |
| .mw-specialpage,
| | table, |
| .mw-htmlform,
| | .infobox, |
| .mw-htmlform-field,
| | .toc, |
| .mw-htmlform-submit, | | .mw-message-box, |
| .mw-htmlform-field-HTMLTextField, | | .mw-notification { |
| .mw-htmlform-field-HTMLSelectField, | | background-color: #1a1a1a !important; |
| .mw-htmlform-field-HTMLCheckField { | | color: #ffffff !important; |
| background-color: #000 !important; | | border-color: #333333 !important; |
| color: #fff !important; | |
| }
| |
| | |
| /* === EDITOR === */
| |
| .wikiEditor-ui,
| |
| .wikiEditor-ui textarea,
| |
| #wpTextbox1 {
| |
| background-color: #000 !important; | |
| color: #fff !important;
| |
| } | | } |
|
| |
|
| /* === FIX RANDOM WHITE GAPS === */ | | /* === MINERVA HAMBURGER MENU (FULL DARK) === */ |
| div,
| | .minerva-drawer, |
| section,
| | .minerva-drawer__content, |
| article,
| | .minerva-drawer__menu, |
| header,
| | .minerva-drawer__header, |
| footer,
| | .minerva-drawer__footer { |
| nav {
| | background-color: #000000 !important; |
| background-color: transparent !important; | | color: #ffffff !important; |
| } | | } |
|
| |
|
| | | .minerva-drawer a { |
| /* === FORCE DARK ON ALL CONTENT BLOCKS === */
| | color: #ffea00 !important; |
| .mw-parser-output,
| |
| .mw-parser-output h1,
| |
| .mw-parser-output h2, | |
| .mw-parser-output h3,
| |
| .mw-parser-output p,
| |
| .mw-parser-output ul,
| |
| .mw-parser-output li,
| |
| .mw-parser-output table,
| |
| .mw-parser-output td,
| |
| .mw-parser-output th,
| |
| .mw-parser-output .mw-message-box,
| |
| .mw-parser-output .plainlinks,
| |
| .mw-parser-output .mw-headline {
| |
| background-color: #000 !important; | |
| color: #fff !important;
| |
| border-color: #333 !important;
| |
| } | | } |
|
| |
|
| /* === FIX WHITE TABS AND PAGE HEADER === */
| | .minerva-drawer a:visited { |
| #contentSub,
| |
| #mw-content-subtitle,
| |
| #mw-page-base,
| |
| #mw-head-base,
| |
| #mw-content-text,
| |
| #mw-content,
| |
| #firstHeading {
| |
| background-color: #000 !important;
| |
| color: #fff !important;
| |
| border-color: #333 !important;
| |
| }
| |
| | |
| | |
| /* --- MAKE THE HAMBURGER ICON VISIBLE ON BLACK --- */
| |
| #mw-header .mw-ui-icon-mf-menu,
| |
| #mw-header .mw-ui-icon-mf-menu:before {
| |
| color: #fff !important; /* white icon */
| |
| fill: #fff !important;
| |
| }
| |
| | |
| /* --- FORCE THE MOBILE MENU PANEL TO BE OPAQUE --- */
| |
| #mw-mf-page-left,
| |
| #mw-mf-page-left .menu,
| |
| #mw-mf-page-left .menu__content {
| |
| background: #000 !important; /* solid black */
| |
| }
| |
| | |
| /* --- DARKEN THE OVERLAY BEHIND THE MENU --- */
| |
| #mw-mf-page-left-overlay {
| |
| background: rgba(0,0,0,0.85) !important;
| |
| }
| |
| | |
| /* --- MENU LINK COLORS (YOUR PALETTE) --- */
| |
| #mw-mf-page-left a {
| |
| color: #f5d000 !important; /* yellow */
| |
| }
| |
| | |
| #mw-mf-page-left a:visited {
| |
| color: #c0c0c0 !important; /* silver */
| |
| }
| |
| | |
| /* --- ENSURE MENU TEXT IS READABLE --- */
| |
| #mw-mf-page-left,
| |
| #mw-mf-page-left * {
| |
| color: #fff !important;
| |
| }
| |
| | |
| | |
| | |
| #mw-header .mw-ui-icon,
| |
| #mw-header .mw-ui-icon:before {
| |
| color: #f5d000 !important;
| |
| fill: #f5d000 !important;
| |
| }
| |
| | |
| | |
| | |
| /* --- MAKE THE MOBILE MENU BACKGROUND SOLID BLACK --- */
| |
| .mw-extended-menu,
| |
| .mw-extended-menu .mw-extended-menu-content {
| |
| background: #000 !important;
| |
| }
| |
| | |
| /* --- DARKEN THE OVERLAY BEHIND THE MENU --- */
| |
| .mw-extended-menu-overlay {
| |
| background: rgba(0,0,0,0.85) !important;
| |
| }
| |
| | |
| /* --- ENSURE MENU TEXT IS READABLE --- */
| |
| .mw-extended-menu,
| |
| .mw-extended-menu * {
| |
| color: #fff !important;
| |
| }
| |
| | |
| /* --- YOUR LINK COLORS --- */
| |
| .mw-extended-menu a {
| |
| color: #f5d000 !important;
| |
| }
| |
| | |
| .mw-extended-menu a:visited {
| |
| color: #c0c0c0 !important; | | color: #c0c0c0 !important; |
| } | | } |
|
| |
|
| | | /* === SEARCH BAR === */ |
| /* FORCE THE ENTIRE FALLBACK MOBILE MENU COLUMN TO BE BLACK */ | | .minerva-search-box, |
| #mw-navigation,
| | .minerva-search-box input { |
| #mw-navigation .mw-ui-menu,
| | background-color: #111111 !important; |
| #mw-navigation .mw-ui-menu ul,
| | color: #ffffff !important; |
| #mw-navigation .mw-ui-menu li {
| | border-color: #333333 !important; |
| background-color: #000 !important; | |
| }
| |
| | |
| /* REMOVE TRANSPARENT PADDING THAT CREATES THE GAPS */
| |
| #mw-navigation .mw-ui-menu li {
| |
| padding: 0 !important; | |
| margin: 0 !important;
| |
| }
| |
| | |
| /* REMOVE BACKGROUND FROM LINKS SO THEY DON'T CREATE STRIPES */
| |
| #mw-navigation .mw-ui-menu li a {
| |
| background: transparent !important; | |
| }
| |
| | |
| /* TEXT + LINK COLORS */
| |
| #mw-navigation,
| |
| #mw-navigation * {
| |
| color: #fff !important;
| |
| } | | } |
|
| |
|
| #mw-navigation a { | | /* === FOOTER === */ |
| color: #f5d000 !important; | | #footer, |
| | #footer-info, |
| | #footer-places { |
| | background-color: #000000 !important; |
| | color: #ffffff !important; |
| } | | } |
|
| |
|
| #mw-navigation a:visited {
| | /* === FIX WHITE FLASHES === */ |
| color: #c0c0c0 !important; | | html, |
| | body { |
| | background: #000000 !important; |
| } | | } |
