MediaWiki:Gadget-dark-mode.css

element.style {
}
#mw-main-container {
    background-color: #161f2b;
}
/*main page*/
li.gallerybox div.thumb {
    border: 1px solid #374562;
    background-color: #374562;
    border-radius: 10px;
}
.mw-changeslist-legend {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    clear: right;
    font-size: 85%;
    line-height: 1.2em;
    padding: 0.5em;
    border: #374562;
    background-color: #374562;
}
/* 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 !important
}

/* Site notice fix */
.sitenotice-open {
    background-color: #374562 !important;
    border: 0px solid #ffa800;
    border-left: 25px
px
 solid #0c62da;
    font-weight: normal;
    color: white !important;
}

/* 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: #6d7992;
    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: #6d7992 !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: #6d7992;
}
.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;
}