MediaWiki:Gadget-dark-mode.css

element.style {
}
#mw-main-container {
    background-color: #161f2b;
}

/*Message boxes*/
table.box-Under_Construction.plainlinks.metadata.ambox.ambox-notice {
	background: #374562 !important;
    border: 0px solid #a2a9b1;
    border-left: 25px solid #0c62da;
    padding: 10px 0 10px 0.5em;
}

table.plainlinks.metadata.ambox.ambox-style {
	background: #374562 !important;
    border: 0px solid #a2a9b1;
    border-left: 25px solid #ffa800;
    padding: 10px 0 10px 0.5em;
}
.mw-message-box {
    background-color:#374562 !important;
    color:white
}
/*tables*/
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: -7.75px solid #a2a9b1;
    border-radius: 5px;
    padding: 0.2em 0.4em;
    background-color: #374562;
    color: white;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #6d7992 !important;
    text-align: center;
}

/*editing*/
.mw-editform #wpTextbox1 {
    margin: 0;
    display: block;
    max-height: 100vh;
    min-height: 5em;
    background: black;
    color: white;
}
.wikiEditor-ui-toolbar {
    background-color: #374562 !important;
    border-radius: 5px;
    border: 0px;
    padding: 10px;
}
.mw-editform .editOptions {
    background-color: #374562;
    color:#fff
}
.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input {
      background-color: #161f2b;
    color:#fff  
}
.tool-button, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
    border-radius: 0;
    background-color: #374562 !important;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    opacity: 0.87;
    filter: invert(1) !important;
}
.wikiEditor-ui-toolbar .group .label {
    float: left;
    border: 0;
    height: 22px;
    line-height: 22px;
    margin: 2px 8px 2px 5px;
    color: white;
    cursor: default;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
    opacity: 0.87;
    transition: opacity 100ms;
    transform: translateZ(0);
    filter: invert(1);
}

.wikiEditor-toolbar-dialog .ui-dialog-content {
    padding: 30px 20px 1em !important;
    background-color: #374562;
    color: white;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
    background-color: #374562;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #374562;
    color: #222222;
}
/* code editing*/
.ace_content {
 background-color: #161f2b;
}
.codeEditor-status-message {
  background-color: #374562;
  color:#fff
}
.ace_gutter-cell {
   background-color: #374562;
  color:#fff   
}
.codeEditor-status-line {
     background-color: #374562;
  color:#fff 
}
.codeEditor-status-worker {
  background-color: #374562;
  color:#fff 
}

/* infobox */
.portable-infobox > .pi-item:last-child {
    border-bottom: 0;
    background: #374562;
}
.portable-infobox .pi-header {
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3;
    background-color: #6d7992;
}
/*boilerplate*/
.boilerplate.metadata.discussion-archived {
    background-color: #374562 !important;
}
/*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, h1, h2, h3, h4, h5 {
    font-family: 'Montserrat' !important;
    color: white !important;
}
a {
    font-family: 'Montserrat' !important;
    color: white !important 
}
/*dropdown menus*/
.dropdown-menu  {
     background-color:#374562;
}
#p-actions-label{
     color:#dfe0e1 !important
}
/*Moderation notice*/
.usermessage {
   background-color:#374562
}
/* User page */
#profile-top {
    background: #374562 !important;
    padding: 10px;
    border-radius: 5px;
}

#profile-top {
    border-bottom: 1px solid #374562 !important;
    padding: 10px 0;
    margin: 0 0 10px 0;
    position: relative;
}
#user-page-right {
    background: #374562 !important;
    padding: 10px;
    border-radius: 5px;
}
.profile-info-container div {
    margin: 0 0 8px 0;
    color: #fff;
}
.profile-info-container b {
    color: white;
    margin: 0 10px 0 0;
}
#user-page-left {
    background: #374562 !important;
    padding: 10px;
    border-radius: 5px;
}
/* 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;
}
.mw-body a {
    color: #7bb2fe;
    text-decoration: none;
    background-color: transparent;
}

/* TOC */
.toc, .toccolours {
    border: 0px solid #a2a9b1;
    border-radius: 5px;
    background-color: #374562 !important;
    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 !important;
    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;
}

/* search */
#searchInput {
background-color:#d9e0ee;
filter: invert( 1 ) hue-rotate( 180deg );
border:2px solid
}
.suggestions-results {
    background-color: #374562 !important;
    cursor: pointer;
    border: 0px solid #a2a9b1;
    border-radius: 5px;
    padding: 1px;
    margin: 0;
    font-family: 'Montserrat';
}
.highlight {
    font-weight: bold;
    color: white;
}
.suggestions-result {
    color: white !important;
    margin: 0;
    line-height: 1.5em;
    padding: 0.01em 0.25em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    white-space: nowrap;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/* 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;
}
/*filetoc*/
#filetoc {
    background-color:#374562 !important
}
/*msupload interface*/
#msupload-list .file {
   background-color: #374562 !important    
}

/*Home page tweaks*/
/*sections*/
.sections a {
    filter: invert( 1 ) hue-rotate( 180deg )
}
/*companies*/
.companies a[href="/Category:The_Walt_Disney_Company"]{
           content: url(https://static.wikiforge.net/avidwiki/8/8b/Disney_-_White.png)!important;
           height:35px
}
.companies a[href="/Category:Sony_Corporation"]{
           content: url(https://static.wikiforge.net/avidwiki/1/13/Sony_logo_%28white%29.svg.png)!important;
           height:23px
}
.companies a[href="/Category:Comcast"]{
           content: url(https://static.wikiforge.net/avidwiki/7/7d/Comcast_-_White.png)!important;
           height:35px
}
.companies a[href="/Category:Paramount_Global"]{
           content: url(https://static.wikiforge.net/avidwiki/d/d3/Paramount_Global_White.png)!important;
           height:33px
}
.companies a[href="/Category:Warner_Bros._Discovery"]{
           content: url(https://static.wikiforge.net/avidwiki/8/8f/Warner-bros-discovery-logo-horizontal-white.png)!important;
           height:25px
}
.companies a[href="/Category:Amazon_Inc."]{
           content: url(https://static.wikiforge.net/avidwiki/4/40/Amazon_-_White.png)!important;
           height:40px
}
.companies a[href="/Category:Lionsgate"]{
           content: url(https://static.wikiforge.net/avidwiki/3/35/Lionsgate_-_White.png)!important;
           height:15px
}
.companies a[href="/Category:BBC"]{
           content: url(https://static.wikiforge.net/avidwiki/b/b7/Bbc-LOGO-white.png)!important;
           height:45px
}
/*countries*/
.imgmap {
    filter: invert( 1 ) hue-rotate( 180deg )
}