MediaWiki:Gadget-dark-mode.css: Difference between revisions

Content deleted Content added
Inline
Latest revision as of 10:29, 23 October 2024

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
}
.mw-editinginterface {
    color:white
}
.sitenotice-new {
    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 !important;
    color:#fff !important 
}
.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;
}
.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input {
    color:white
}
#mw-edittools-charinsert {
     background:#374562 !important;
}
.oo-ui-window-content {
     background:#374562 !important;
}
/* code editing*/
.mw-highlight-lines pre {
    filter: invert( 1 ) hue-rotate( 180deg );
    background-color:#acb9d7
}
.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;
}
.portable-infobox .pi-media {
    margin: 0;
    max-width: 100%;
    text-align: center;
    background-color: #374562 !important;
}
/*boilerplate*/
.boilerplate.metadata.discussion-archived {
    background-color: #374562 !important;
}
/*main page*/
.newuploads li.gallerybox div.thumb {
    border: 1px solid #374562 !important;
    background-color: #374562 !important;
    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: 'AVID Web' !important;
    color: white !important;
}
a {
    font-family: 'AVID Web' !important;
    color: #a0a0a0 !important 
}
/*dropdown menus*/
.dropdown-menu  {
 background-color:#374562 !important;
}
.dropdown-item a:hover{
  background-color: #6d7992 !important
}
.dropdown-item {
    filter: invert( 1 ) hue-rotate( 180deg ) !important
}
#p-actions-label {
  color: #dfe0e1 !important;
}

/*Moderation notice*/
.usermessage {
   background-color:#374562 !important
}
/* 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: 'AVID Web';
    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: AVID Web;
    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 !important;
    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: 'AVID Web';
}
.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;
}
.suggestions-special {
    position: relative;
    background-color: #374562 !important;
    cursor: pointer;
    border: 0px solid #a2a9b1;
    border-radius: 5px;
    margin: 0;
    margin-top: -2px;
    display: none;
    padding: 0.25em 0.25em;
    line-height: 1.25em;
}
.suggestions-special .special-label {
    color: white;
    font-family: 'AVID Web';
    text-align: left;
    font-size: 10px;
}
.suggestions a.mw-searchSuggest-link .special-query {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'AVID Web';
    color: white;
}
/* 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;
}
 .diff-context {
    background:transparent;
    color:white
}
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*/
/*Page Creation input and button*/
.createpageform input {
    filter: invert( 1 ) hue-rotate( 180deg ); 
}
/*sections*/
.sections a {
    filter: invert( 1 ) hue-rotate( 180deg );
    color:#000 !important
}
/*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 )
}

/*forum posts*/
table.forumpost {
    background-color: #6d7992 !important;
    border: solid 1px #161f2b !important;
}
td.forumaccent {
    background-color: #374562 !important;
}
div.forumheader {
    background-color: #374562 !important;
    height: 25px;
    border: 0px;
}
span.featuredthread {
    background-color: #374562 !important;
}
span.featuredthread img {
    filter: invert(1);
}
.mw-parser-output blockquote.talkquote {
    background-color: #c45d19;
    padding: 0 0.8em;
    margin: 0;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #ffffff;
    color: #979797;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    padding: 5px 8px;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143em;
}

table.forumform {
    background: #374562 !important;
    border: #374562 !important;
}
#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
    max-width: 100%;
    margin-left: 0;
    border-radius: 3px;
    border: 1px solid #BBB;
    padding: 4px 8px;
    display: inline-block;
    background: black;
    color: white;
}
td.instanceMain {
    padding-left: 7px;
    background: #374562 !important;
}
td.instanceRearranger {
    cursor: move;
    background-image: url(/1.40/extensions/PageForms/skins/rearrangeDots.png?62010);
    background-repeat: repeat;
    width: 8px;
    background: #374562 !important;
}
.multipleTemplateInstance {
    background-color: #374562 !important;
    border: #374562;
    padding: 5px;
    margin: 15px 0 15px 0;
    border-radius: 3px;
    position: relative;
}
/*ajaxpoll*/
.ajaxpoll {
    width: 400px;
    border: 1px dashed #999;
    background: #161f2b;
    padding: 10px 20px 10px 10px;
}

/*chronology*/
td.chronologyleft {
    background: #6d7992 !important;
}
td.chronologyright {
    background: #6d7992 !important;
}
td.chronology {
    background: #374562 !important;
}
/*dropdowns, such as on Special:Allpages*/
.oo-ui-dropdownWidget-handle {
 background:#161f2b !important;
 color:white !important;
 border:solid 1px
}
.oo-ui-labelElement-label{
    color:white
}
.oo-ui-menuSelectWidget{
 background:#161f2b !important;
}
/*Amboxes*/
.ambox-notice .mbox-text, .ambox-notice .mbox-image {
    background:#374562 !important;
}
/*Page Buttons*/
.mw-parser-output .pagebuttons .mw-ui-button {
   background:#374562 !important;
   color:white !important
}
/*Recent Changes and collapsible toggles*/
.mw-changeslist-legend {
  background:#374562 !important;
}
.mw-collapsible-text, .mw-collapsible-toggle {
    color:white !important
}

/* Notification */
.mw-notification {
    border: solid 0px #ddd;
    border-radius: 5px;
    border-left: 17px solid #161f2b;
    font-family: AVID Web;
    background: #374562 !important;
}
/*echo*/
.oo-ui-popupWidget-popup, .mw-echo-ui-notificationItemWidget {
    background-color:#374562;
}

.mw-echo-ui-notificationItemWidget:hover { 
    background-color:#374562 !important;
}
.mw-echo-ui-notificationItemWidget-content-message-header {
        color:white !important
}
.mw-echo-ui-notificationItemWidget-icon  {
        filter: invert(1) !important;
}

.mw-echo-ui-notificationItemWidget-content-actions > .mw-echo-ui-notificationItemWidget-content-actions-buttons.oo-ui-buttonSelectWidget > .oo-ui-buttonOptionWidget .oo-ui-labelElement-label {
    color:white !important
}
.oo-ui-iconElement-icon {
     filter: invert(1) !important;
}
/*suggested articles*/
.read-more-container-card-list .cdx-card {
    background-color: #374562; 
}
.cdx-card__text__title {
    color:white
}
.read-more-container-card-list a {
    background-color:#161f2b !important
}