MediaWiki:Gadget-dark-mode.css
From the Audiovisual Identity Database, the motion graphics museum
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
element.style {
}
#mw-main-container {
background-color: #161f2b;
}
/* Body text color */
.mw-body-content {
font-family: 'Montserrat' !important;
color: white;
}
/* Navbar fix */
.client-dark-mode #mw-navbar {
filter: none;
}
.client-dark-mode #mw-navbar {
filter: none;
}
.client-dark-mode #mw-navbar {
filter: none;
}
/* Headings fix */
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 {
font-family: 'Montserrat';
font-weight: bold;
color: white;
}
/* Site notice fix */
.sitenotice-open {
background-color: #374562;
border: 0px solid #ffa800;
border-left: 25px
px
solid #0c62da;
font-weight: normal;
color: white;
}
/* Credits fix */
.mw-parser-output .dropbtn {
background-color: #374562 !important;
color: white;
font-family: Montserrat;
width: 220px;
padding: 2px;
border-radius: 6px;
font-size: 16px;
border: none;
}
.mw-parser-output .dropdown-content {
display: none;
position: absolute;
background-color: #161f2b !important;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
padding: 10px;
}
/* Menu fix */
aside a:not(.disabled) {
color: #fff;
}
#p-namespaces .selected a {
border-bottom: 3px solid #ffffff;
}
a.dropdown-item {
font-weight: bold;
color: black !important;
}
/* Category fix */
.catlinks {
border: 1px solid #a2a9b1;
background-color: #374562 !important;
padding: 5px;
margin-top: 1em;
clear: both;
}
/* Links */
#content a:not(.new):visited, #siteNotice a:not(.new):visited {
color: #869de6 !important;
}
a {
color: #7bb2fe !important;
text-decoration: none;
background-color: transparent;
}
/* TOC */
.toc, .toccolours {
border: 0px solid #a2a9b1;
border-radius: 5px;
background-color: #374562;
padding: 5px
px
;
font-size: 95%;
}
.tocnumber {
color: white;
padding-left: 0;
padding-right: 0.5em;
}
.mw-parser-output .ImageTOC {
border: 0px solid #f8f9fa !important;
border-radius: 5px;
background-color: #374562 !important;
padding: 5px;
font-size: 95%;
font-weight: normal;
overflow-wrap: anywhere;
}
.mw-parser-output .SeparateTOC {
border: 0px solid #f8f9fa!important;
border-radius: 5px;
background-color: #262f45;
padding: 5px;
font-size: 95%;
}
/* relatedpages fix */
.ra-read-more h2 {
color: #ffffff !important;
border-bottom: 0;
padding-bottom: 0.5em;
font-size: 0.8em;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.ext-related-articles-card {
border-radius: 5px !important;
border: none 0px !important;
background-color: #374562 !important;
}
/*navbox*/
.mw-parser-output tr+tr>.navbox-abovebelow, .mw-parser-output tr+tr>.navbox-group, .mw-parser-output tr+tr>.navbox-image, .mw-parser-output tr+tr>.navbox-list {
border-top: 2px solid #374562 !important;
}
.mw-parser-output .navbox-even {
background-color: #262f45 !important;
}
.mw-parser-output .navbox-list {
line-height: 1.5em;
border-color: #374562 !important;
}
.mw-parser-output .navbox, .mw-parser-output .navbox-subgroup {
background-color: #374562 !important;
color: #fff;
}
/* fix for mobile */
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: #161f2b !important;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: #27272700;
}
/* recent changes */
fieldset {
border: 0px;
margin: 1em;
padding: 1em;
background-color: #374562 !important;
border-radius: 5px;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #161f2b !important;
border: 0px solid #a2a9b1;
border-bottom: 0;
border-radius: 5px;
padding: 0 0.6em 0.6em 0.6em;
line-height: normal;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
font-weight: normal;
color: white !important;
white-space: nowrap;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #374562;
color: white;
border-color: #a2a9b1;
}
.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
border-color: #a2a9b1;
border-style: solid;
border-width: 1px;
padding: 5px 6px;
background-color: #262f45;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #374562;
position: relative;
z-index: 1;
border: 0px;
border-radius: 5px;
padding: 20px;
}
/* misc */
.oo-ui-panelLayout-framed {
background: #374562 !important;
border: 0px solid #a2a9b1;
border-radius: 15px;
}
element.style {
background: #374562;
border: 0px solid #a2a9b1;
border-left: 25px solid #da0c3f;
padding: 10px 0 10px 0.5em;
font-size: 115%;
}
.diff-deletedline .diffchange {
background: #ffa800;
}
.diff-addedline .diffchange {
background: #0c62da;
}
element.style {
overflow: hidden;
height: auto;
background: #161f2b;
width: 100%;
padding-bottom: 18px;
color: white;
}
style attribute {
color: #fffdfd;
}