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

From the Audiovisual Identity Database, the motion graphics museum

← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Tag: Reverted
Line 19: Line 19:
padding: 10px 0 10px 0.5em;
padding: 10px 0 10px 0.5em;
}
}

.mw-message-box {
background-color:#374562 !important;
color:white
}
/*tables*/
/*tables*/
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
Line 51: Line 48:
border: 0px;
border: 0px;
padding: 10px;
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
}
}
.tool-button, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
.tool-button, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
Line 97: Line 86:
background: #374562;
background: #374562;
color: #222222;
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
}
}


Line 138: Line 107:
}
}
/*main page*/
/*main page*/
.newuploads li.gallerybox div.thumb {
li.gallerybox div.thumb {
border: 1px solid #374562 !important;
border: 1px solid #374562;
background-color: #374562 !important;
background-color: #374562;
border-radius: 10px;
border-radius: 10px;
}
}
Line 155: Line 124:
}
}
/* Body text color */
/* Body text color */
.mw-body-content, h1, h2, h3, h4, h5 {
.mw-body-content {
font-family: 'Montserrat' !important;
font-family: 'Montserrat' !important;
color: white !important;
color: white;
}
a {
font-family: 'Montserrat' !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 */
/* User page */
#profile-top {
#profile-top {
Line 409: Line 357:
}
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #374562 !important;
background-color: #374562;
position: relative;
position: relative;
z-index: 1;
z-index: 1;
Line 418: Line 366:


/* search */
/* search */
#searchInput {
background-color:#d9e0ee;
filter: invert( 1 ) hue-rotate( 180deg );
border:2px solid
}
.suggestions-results {
.suggestions-results {
background-color: #374562 !important;
background-color: #374562 !important;
Line 449: Line 392:
*, ::after, ::before {
*, ::after, ::before {
box-sizing: border-box;
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: 'Montserrat';
text-align: left;
font-size: 10px;
}
.suggestions a.mw-searchSuggest-link .special-query {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Montserrat';
color: white;
}
}
/* misc */
/* misc */
Line 494: Line 412:
.diff-addedline .diffchange {
.diff-addedline .diffchange {
background: #0c62da;
background: #0c62da;
}
.diff-context {
background:transparent;
color:white
}
}
element.style {
element.style {
Line 505: Line 427:
style attribute {
style attribute {
color: #fffdfd;
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 );
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;
}

/*ajaxpoll*/
.ajaxpoll {
width: 400px;
border: 1px dashed #999;
background: #161f2b;
padding: 10px 20px 10px 10px;
}
}

Revision as of 09:26, 8 October 2023

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;
}

/*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;
}
.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;
}

/* 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 {
    font-family: 'Montserrat' !important;
    color: white;
}

/* 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 */
.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;
}
 .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;
}
Retrieved from "https://www.avid.wiki/MediaWiki:Gadget-dark-mode.css?oldid=684822"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information