MediaWiki:Gadget-darkMode.css

body, .skin-minerva nav{ background:#091c31 !important; }

background:#091c31; color:#999; }
 * 1) content {

.skin-timeless #content{ background:none; }

a, a:visited{ color:#95bde5; }

a.new{ color:#CC0000; }

h1, h2, h3, h4, h5, h6{ color:#DEDEDE; }

.suggestions-results, .suggestions-special, .suggestions .suggestions-results, .suggestions .suggestions-special { background:#282828; }

.suggestions-result, .suggestions .suggestions-result{ color:#BFBFBF; }

.suggestions-special .special-query{ color:#BFBFBF; }

color:#C0C0C0; }
 * 1) simpleSearch input{

input#searchGoButton, input#mw-searchButton { background: #0049b7; border: 2px solid #0049B7; color: #DEDEDE; }

.mw-notification { background-color: #06305B !important; border: 1px solid #0066FF !important; box-shadow: 0 4px 2px 0 rgba(0,102,255,.25) !important; }

/*******************************
 * SKIN-BASED EDITS
 * SKIN-BASED EDITS

.skin-monobook input#searchInput, .skin-timeless #simpleSearch{ background:#282828 !important; border:1px solid #0066FF !important; color:#BFBFBF !important; }

.skin-vector #mw-page-base { background-image:none !important; background:none !important; }

.skin-vector div#mw-head { background:none; }

.skin-metrolook #mw-page-base{ background:linear-gradient(#000000, #06305B) !important; border-bottom:1px solid #0066FF; box-shadow:0 0 16px 0 #0066FF; }

div#mw-panel, body.skin-monobook, body.skin-vector, .skin-minerva #mw-mf-page-center, .skin-minerva .navigation-enabled #mw-mf-page-center, .skin-timeless #mw-content-container{ background:url(/images/0/02/Common_Background.png) repeat !important; background-color:none !important; }

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { .skin-metrolook #mw-page-base{ background:linear-gradient(rgba(0,0,0,0.6), rgba(6, 48, 91, 0.6)) !important; -webkit-backdrop-filter: saturate(180%) blur(30px); backdrop-filter: saturate(180%) blur(30px); } }

body.skin-monobook #footer { background-color: #282828; border-top: 1px solid #0066FF; border-bottom: 1px solid #0066FF; }

@media screen and (min-width: 551px){ .skin-monobook #p-cactions li.selected a { background-color: #091c31; }	.skin-monobook #p-cactions li a { color:#0066FF; background-color:#06305B; }	.skin-monobook #p-cactions li.selected{ border-color:#AAAAAA; }	.skin-monobook #p-cactions li a:hover{ background:linear-gradient(#000000, #091c31); } }

.minerva-footer { background: #091c31 !important; }

.skin-minerva #mw-mf-diffview #mw-mf-userinfo{ background:#06305B !important; }

.skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count{ color:#C0C0C0 !important; }

.skin-minerva .page-list.side-list .list-thumb, .skin-minerva .topic-title-list.side-list .list-thumb, .skin-minerva .site-link-list.side-list .list-thumb{ color:#A9A9A9 !important; }

.skin-timeless #preferences fieldset{ background:none; }

.skin-timeless #mw-content, .skin-timeless .sidebar-chunk { background: rgba(9, 28, 49, 0.6) !important; border-color: #06305B !important; }

.skin-timeless #mw-page-header-links li.selected a { color: #FFFFFF; }

/*****************************
 * VECTOR TABS
 * Inspired by Runescape Wiki
 * Inspired by Runescape Wiki

.skin-vector .vectorTabs, .skin-vector .vectorTabs ul, .skin-vector #mw-head .vectorMenu h3, .skin-vector .vectorTabs ul li, .skin-vector .vectorMenu .menu{ background:#293c51 !important; }

.skin-vector .vectorTabs li.selected { background:#091c31 !important; }

.skin-vector .vectorTabs ul li:not(.selected):hover, .skin-vector #mw-head .vectorMenu h3:hover, .skin-vector #p-cactions:hover #p-cactions-label, .skin-vector .vectorMenu ul li:hover { background: #192c41 !important; }

.skin-vector .vectorTabs ul li:not(.selected), .skin-vector #mw-head .vectorMenu h3 { box-shadow: inset 0 -6px 7px -6px rgba(255,255,255, 0.15) !important; }

.vectorMenu h3 span{ color:#BFBFBF !important; }

.skin-vector .vectorMenu .menu { border: 1px solid #282828 !important; }

.skin-vector .vectorTabs li a, .skin-vector .vectorMenu li a{	color:#BFBFBF !important; }

.skin-vector #simpleSearch, .skin-vector .suggestions-results, .skin-vector .suggestions-special { background: #293c51 !important; box-shadow: inset 0 -6px 7px -6px rgba(255,255,255, 0.15) !important; }

.skin-vector .vectorTabs li.selected a, .skin-vector .vectorTabs li.selected a:visited{ color:#F0F0F0 !important; }

/*****************************
 * MONOBOOK NAVIGATION
 * MONOBOOK NAVIGATION

body.skin-monobook #p-navigation .pBody, body.skin-monobook #p-Community .pBody, body.skin-monobook #p-search .pBody, body.skin-monobook #p-tb .pBody, body.skin-monobook #p-lang .pBody{ background:#282828 !important; border:1px solid #81a7df; }

body.skin-monobook #p-navigation .pBody a, #p-Community .pBody a, #p-search .pBody a, #p-tb .pBody a, #p-lang .pBody a{	color:#dedede !important; }

body.skin-monobook #p-navigation .pBody a:hover, #p-Community .pBody a:hover, #p-search .pBody a:hover, #p-tb .pBody a:hover, #p-lang .pBody a:hover{ color:#0066FF !important; text-shadow:#0066FF 0 0 10px !important; background:#282828 !important; box-shadow:0 0 16px 0 #0066FF !important; }

background:#000000 !important; box-shadow: 0px 0px 16px 0px #BFBFBF !important; }
 * 1) p-navigation ul.sub-menu, #p-Community ul.sub-menu{

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { #p-navigation ul.sub-menu, #p-Community ul.sub-menu, #p-navigation .pBody, #p-Community .pBody, #p-search .pBody, #p-tb .pBody, #p-lang .pBody{ background-color:rgba(0,0,0,0.6) !important; } }

/*************************
 * PAGE PREVIEW POPUPS
 * PAGE PREVIEW POPUPS

.mwe-popups .mwe-popups-extract { color: #BFBFBF; }

.mwe-popups [dir='ltr'].mwe-popups-extract::after { right: 0px; background-image: -webkit-linear-gradient(to right,rgba(24, 24, 24,0),#0066FF 50%); background-image: -moz-linear-gradient(to right,rgba(24, 24, 24,0),#0066FF 50%); background-image: -o-linear-gradient(to right,rgba(24, 24, 24,0),#0066FF 50%); background-image: linear-gradient(to right, rgba(24, 24, 24, 0), rgb(24, 24, 24) 50%); }

.mwe-popups { background: #181818; -webkit-box-shadow: 0 30px 90px -20px rgba(0, 102, 255,0.3),0 0 1px #0066FF; box-shadow: 0px 30px 90px -20px rgba(0, 102, 255,0.3), 0px 0px 1px #0066FF; }

.mwe-popups.mwe-popups-no-image-pointer::before { border-bottom: 8px solid #0066FF; }

.mwe-popups.mwe-popups-no-image-pointer::after { border-bottom: 11px solid #181818; }

.mwe-popups.flipped-y::after{ border-bottom:11px solid #181818; border-top:11px solid #181818; }

/*************************
 * MAIN PAGE
 * MAIN PAGE

.mainpage-welcome .intro{ color:#BFBFBF !important; }

.mainpage-panel{ background:#042749 !important; color:#BFBFBF !important; }

.tile-bottom a{	color:#95bde5 !important; }

.mainpage-tile:hover .tile-bottom a{	color:#BFBFBF !important; }

.mainpage-tile:hover { box-shadow:0 0 16px 2px rgba(0,0,0,.4) !important; }

.message-kingdom{ background:#43576B !important; }

/********************************* .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button{ background-color: #0054d2; background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#0054d2),color-stop(100%,#023075)); background-image: -webkit-linear-gradient(top,#0054d2 0,#023075 100%); background-image: -moz-linear-gradient(top,#0054d2 0,#023075 100%); background-image: linear-gradient(to bottom,#0054d2 0,#023075 100%); border: 1px solid #0054d2; }
 * RECENT CHANGES
 * RECENT CHANGES

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button{ background-color: #454545; background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#454545),color-stop(100%,#282828)); background-image: -webkit-linear-gradient(top,#454545 0,#282828 100%); background-image: -moz-linear-gradient(top,#454545 0,#282828 100%); background-image:linear-gradient(to bottom,#454545 0,#282828 100%); }

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background:#00274f !important; color:#FFFFFF; }

.oo-ui-labelElement-label { color:#FFFFFF !important; }

.mw-rcfilters-highlighted a.new{ color:#cc0000 !important; }

.mw-rcfilters-highlighted a{	color:#0066FF !important; }

.mw-changeslist-line{ color:#a9a9a9 !important; }

.mw-rcfilters-highlighted { color:#000000 !important; }

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled{ background:#111111 !important; color:#a9a9a9 !important; }

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{ background:#181818 !important; }

.mw-rcfilters-ui-menuSelectWidget-body { background: #202d3f !important; }

.mw-rcfilters-ui-itemMenuOptionWidget:hover{ background:#181818 !important; }

.mw-rcfilters-ui-filterMenuHeaderWidget-header { border-bottom: 1px solid #aaaaaa !important; background-color: #000000 !important; }

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted { color: #000000 !important; }


 * not(.oo-ui-optionWidget-selected).mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted {

background-color: #373737 !important; }

.mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: #181818 !important; }

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc{ color:#787878 !important; }

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: #cdcdcd !important; }

.mw-rcfilters-ui-menuSelectWidget-footer { background-color: #252525 !important; }

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: #cdcdcd !important; }

.mw-rcfilters-ui-row .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-rcfilters-ui-row .oo-ui-buttonElement-button { background-color: #404040 !important; }

.mw-rcfilters-ui-row .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .mw-rcfilters-ui-row .oo-ui-buttonElement-button:hover{ background-color: #1f1f1f !important; }

.oo-ui-popupWidget-popup { background-color: #404040 !important; border: 1px solid #CC0000 !important; box-shadow: 0px 0.15em 0.5em 0px rgba(0,102,255,0.2) !important; color: #bfbfbf !important; }

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title{ color:#aaaaaa !important; }

.ve-ui-mwNoticesPopupTool-item p{	color:#BFBFBF !important; }

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { background-color: #181818 !important; color:#bfbfbf !important; }

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select{ background:#282828 !important; }

.mw-plusminus-pos{ color:#39AD39 !important; }

.mw-plusminus-neg{ color:#CC0000 !important; }

/**********************************
 * SEARCH
 * SEARCH

.mw-search-profile-tabs { background-color: #282828 !important; border: 1px solid #BFBFBF !important; }

.search-types .current a{	color:#BFBFBF; }

.search-types .current { background: #1A5793 !important; }

/**********************************
 * ARTICLES
 * ARTICLES

.articlenav{ background:#06305B !important; color:#FFFFFF; }

a.mw-selflink.selflink{ color:#DEDEDE; }

.infobox{ background:#031223 !important; }

.infobox .content{ background:#181818 !important; }

.infobox img{ opacity:0.8; transition:opacity .25s ease-out; }

.infobox img:hover{ opacity:1; transition:opacity .25s ease-in; }

ul.tabbernav li.tabberactive a{	background:#FFFFFF99; }

.catlinks { background:#181818; border:#555555 1px solid; }

div#footer ul li{ color:#BFBFBF; }

.gallery .gallerybox .thumb{ background-color:#1d303D; }

table { color:#000000; }

.toc{ background:#282828 !important; color:#BFBFBF !important; }

color:#BFBFBF !important; }
 * 1) toc h2{

.tocnumber { color:#BFBFBF !important; }

.wikitable{ background-color:#181818 !important; color:#DDDDDD !important; border:1px solid #454545 !important; }

.wikitable > tr > th, .wikitable > * > tr > th { background-color:#0a0c1a !important; }

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border:1px solid #454545 !important; }

.mw-code { background: linear-gradient(#000000, #022A34); color: #44DEFF; border: 1px solid #44deff; }

.mw-content-ltr .thumbcaption{ color:#000000; }

/**********************************
 * EDIT WINDOW
 * EDIT WINDOW

.CodeMirror-lines .CodeMirror-line { color: #BFBFBF; }

.editOptions .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #BFBFBF; }

.editOptions, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame, .ve-ui-mwSaveDialog-license { background-color: #454545 !important; color: #BFBFBF; }

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { .editOptions, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame{ background:#45454545 !important; backdrop-filter:saturate(180%)blur(30px) !important; }	.ve-ui-mwSaveDialog-license{ background:none !important; } }

.oo-ui-windowManager-modal > .oo-ui-dialog{ background:rgba(0,0,0,0.5) !important; }

.oo-ui-toolbar-bar{ background-color:#454545; }

.ve-ui-mwSaveDialog-options{ background:#373737; }

.ve-ui-mwTemplatePage-description{ color:#CCCCCC; }

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { .oo-ui-toolbar-bar{ background-color:rgba(69,69,69,0.6) !important; backdrop-filter: saturate(180%)blur(30px); } }

.oo-ui-toolbar-position-top.ve-ui-positionedTargetToolbar > .oo-ui-toolbar-bar{ border: #000000 1px solid !important; box-shadow:0 0 16px 0 #000000; }

.oo-ui-toolGroup{ border-right:#000000 1px solid !important; }

.oo-ui-toolbar-actions .oo-ui-toolGroup{ border-left:#000000 1px solid !important; }

.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover{ background:#808080; }

.oo-ui-popupToolGroup-tools{ background:#011730 !important; }

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover{ background:#181818 !important; }

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle{ background:#A9A9A9 !important; }

.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title{ color:#BFBFBF; }

.ve-ui-specialCharacterPage h3{ color:#DEDEDE; }

.ve-ui-specialCharacterPage-character{ color:#BFBFBF; border:1px solid #0066FF; }

.ve-ui-specialCharacterPage-character:hover{ box-shadow:0 0 16px 0 #0066FF; }

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected{ background-color:#282828; }

.oo-ui-optionWidget-selected .oo-ui-labelElement-label{ color:#BFBFBF; }

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted{ background-color:#181818; }

.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above{ border-top:#BFBFBF 1px solid; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover{ background-color:#454545; }

.oo-ui-menuSelectWidget { border: 1px solid #BFBFBF; background: #181818; }

.oo-ui-menuSelectWidget .oo-ui-labelElement-label { color: #BFBFBF; }

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #454545; color: #000; }

.mwe-upwiz-singleLanguageInputWidget { background-color: #181818; border: 1px solid #BFBFBF; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: #282828; color: #222; }

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle{ background-color:#373737; }

.oo-ui-tagItemWidget{ border-color:#BFBFBF; }


 * not(.oo-ui-tagItemWidget-fixed).oo-ui-tagItemWidget.oo-ui-widget-enabled{

background-color:#373737; }

.mw-widget-dateInputWidget-handle{ background-color:#373737; border-color:#BFBFBF; }

.mw-widget-dateInputWidget-calendar{ background-color:#373737; }

.mw-widget-calendarWidget-day-heading{ color:#CCCCCC; }

.mw-widget-calendarWidget-day{ color:#FFFFFF; }

/******************************
 * DIFF/REVISION SLIDER
 * DIFF/REVISION SLIDER

.diff-context { background: #373737; border-color: #BFBFBF; color: #dedede; }

.diff-addedline { border-color: #00CC00; background: #373737; color: #BFBFBF; }

.diff-addedline .diffchange { background: #00ec00; color: #282828; }

.diff-deletedline { border-color: #CC0000; color: #BFBFBF; background: #373737; }

.diff-deletedline .diffchange { background: #fe0000; color:#181818; }

.diff-title a { color: #2e82ff; }

.diff-title { color: #bfbfbf; }

.mw-revslider-container { border: 1px solid #BFBFBF; }

.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #BFBFBF; }

.oo-ui-popupWidget-popup a { color: #95bde5; }

.mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered { background-color: #454545; }

.mw-revslider-revision { background-color: #9fd4e0; border-color: #CC0000; }

.mw-revslider-revision-border-box { border-left: 1px solid #000000; }

.mw-revslider-revision-tooltip .mw-revslider-change-positive { color: #00cc00; }

.mw-revslider-revision-tooltip .mw-revslider-change-negative { color: #cc0000; }

/*************************************
 * SPECIAL: PREFERENCES
 * SPECIAL: PREFERENCES

background-color:#181818 !important; }
 * 1) mw-prefs-form .oo-ui-tabSelectWidget{

background-color:#454545; }
 * 1) mw-prefs-form .oo-ui-tabSelectWidget .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected{

background-color:#777777; background-color:rgba(255,255,255,0.3); }
 * 1) mw-prefs-form .oo-ui-tabSelectWidget .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover{

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected{ background-color:#272727; }

/*************************************	background-color:#193458; }
 * SPECIAL: UPLOADWIZARD
 * 1) mwe-upwiz-steps li.head{
 * 1) mwe-upwiz-steps li.head{
 * 1) mwe-upwiz-steps li.head{
 * 1) mwe-upwiz-steps li.head{

border-left-color: #193458; }
 * 1) mwe-upwiz-steps li.head:after{

.arrowSteps li{ color: #a4abb3; background-color: #304267; }

.arrowSteps li.arrow:after{ border-left-color: #304267; }

.arrowSteps li.arrow:before{ border-left-color:#091c31; }