MediaWiki:Gadget-darktheme.css


 * root {

color-scheme: dark; }

h1, h2, h3, h4, h5, h6 { color: rgb(233, 235, 252) !important; }

.mw-page-container { background-color: #1d1d1f; }

body { background-color: #1d1d1f; color: rgb(233, 235, 252) !important; height: unset !important; }

background-image: unset; background: unset; border: unset; }
 * 1) mw-panel {

.mw-header { margin: unset; padding: 0.75em 2.75em 0.75em 0; background: black; box-shadow: 0 0 0.2rem rgb(0 0 0 / 10%), 0 0.2rem 0.4rem rgb(0 0 0 / 20%); margin-bottom: 1em; }

a { color: rgb(66, 135, 255) !important;; transition: color 125ms; }

a:visited { color: rgb(66, 135, 255) !important;; }

a:hover { color: #72b8ff !important; }

.mw-page-container { padding-left: unset; padding-right: unset; padding: unset; padding-top: 0.05px; margin: 0 !important; width: 100%; border: none; max-width: none; }

background: hsla(0,0%,100%,.12); border: none; border-radius: .1rem; color: white; }
 * 1) searchInput {

background: no-repeat center / 1.23076923em url(https://static.miraheze.org/roapiwiki/6/60/Search_1.svg); opacity: 1; }
 * 1) searchButton {

filter: invert(1); }
 * 1) pt-notifications-alert {

filter: invert(1); }
 * 1) pt-notifications-notice {

font-size: 1em; }
 * 1) p-personal li {

padding-left: 24px !important; }
 * 1) pt-anonuserpage, #pt-userpage a {

.vector-menu-heading { background: none !important; border-bottom: 1px solid #ffffff1c !important; }

.mw-footer { border-top: 1px solid #ffffff1c !important; }

.mw-footer li { color: rgb(233, 235, 252); }

.vector-menu-tabs li { background-image: none !important; background-color: #141414; border-radius: 4px 4px 0px 0px; margin-left: 1px; margin-right: 1px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; }

.vector-menu-tabs .selected { background-color: #161616; }

.vector-menu-tabs li a { padding-top: 0.9em; background: none; }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background: none !important; }

.mw-article-toolbar-container { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }

.mw-body { border: unset; }

left: 1em; }
 * 1) mw-panel {

.mw-workspace-container { padding-left: 1em; padding-right: 1em; }

.toc, .toccolours { box-shadow: 0 0.2em 0.5em rgb(0 0 0 / 5%), 0 0.025em 0.05em rgb(0 0 0 / 5%); border-radius: 4px; background-color: #161616; border: none; padding: 8px; }

div.thumbinner { box-shadow: 0 0.2em 0.5em rgb(0 0 0 / 5%), 0 0.025em 0.05em rgb(0 0 0 / 5%); border-radius: 4px; background-color: #161616; border: none; padding: 8px; }

.thumbimage { background: rgb(0, 0, 0, 0.5); border: none; border-radius: 4px; }

.tocnumber { color: rgb(233, 235, 252); }

display: none; }
 * 1) pt-betafeatures {

pre, code, .mw-code { box-shadow: 0 0.2em 0.5em rgb(0 0 0 / 5%), 0 0.025em 0.05em rgb(0 0 0 / 5%); background-color: #161616; color: white; border: 1px solid #262626; }

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 #0e0e0e; }

.mw-body-content blockquote { border-left: 4px solid #2d2d2d; }

.wikitable { background-color: #161616; color: white; }

.wikitable > tr > th, .wikitable > * > tr > th { background-color: #161616; }

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

.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: url(https://static.miraheze.org/roapiwiki/f/ff/Sort_both_1.svg); }

.table-no { background-color: #ef5350 !important; }

.table-yes { background-color: #4CAF50 !important; }

.article-series { margin: 0.65em 0 !important; border-radius: 4px !important; background-color: rgba(47,102,205,0.13) !important; align-items: center !important; width: 100% !important; box-shadow: 0 0.2em 0.5em rgb(0 0 0 / 5%), 0 0.025em 0.05em rgb(0 0 0 / 5%) !important; padding: 0.5em !important; box-sizing: border-box !important; border: none !important; }

.catlinks { border: 1px solid #262626; background-color: #161616; }

.discord-server-embed > iframe { border-radius: 5px; }

.vector-menu-dropdown .vector-menu-content { border: 1px solid #262626; background-color: #161616; }

.oo-ui-textInputWidget .oo-ui-inputWidget-input { border: 1px solid #262626; background-color: #161616; color: white; }

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: #191919 !important; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: #161616 !important; border-color: #262626; color: white; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: #191919 !important; color: white; }

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background: none !important; }

.oo-ui-panelLayout-framed { border: 1px solid #808080; }

.oo-ui-menuSelectWidget { background-color: #161616; border-color: #262626; }

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: white; }

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

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

border: 1px solid #262626; background-color: #161616; }
 * 1) filetoc {

.mw-ui-button { border: 1px solid #262626; background-color: #161616; color: white; }

.mw-mmv-filepage-buttons .mw-mmv-view-expanded.mw-ui-icon:before { background-image: url(https://static.miraheze.org/roapiwiki/3/3c/Download_%282%29_1.svg); }

.mw-mmv-filepage-buttons .mw-mmv-view-config.mw-ui-icon:before { background-image: url(https://static.miraheze.org/roapiwiki/5/5f/Download_%283%29_1.svg); opacity: 1; }

/* https://strugglers.net/~andy/blog/2018/03/20/using-a-different-theme-for-mediawikis-syntaxhighlight-extension/ https://help.fandom.com/wiki/Extension:SyntaxHighlight/Styling */ .mw-highlight .hll { background-color: #49483e } .mw-highlight { background: #272822; color: #f8f8f2 } .mw-highlight .c { color: #75715e } .mw-highlight .err { color: #960050; background-color: #1e0010 } .mw-highlight .k { color: #66d9ef } .mw-highlight .l { color: #ae81ff } .mw-highlight .n { color: #f8f8f2 } .mw-highlight .o { color: #f92672 } .mw-highlight .p { color: #f8f8f2 } .mw-highlight .ch { color: #75715e } .mw-highlight .cm { color: #75715e } .mw-highlight .cp { color: #75715e } .mw-highlight .cpf { color: #75715e } .mw-highlight .c1 { color: #75715e } .mw-highlight .cs { color: #75715e } .mw-highlight .gd { color: #f92672 } .mw-highlight .ge { font-style: italic } .mw-highlight .gi { color: #a6e22e } .mw-highlight .gs { font-weight: bold } .mw-highlight .gu { color: #75715e } .mw-highlight .kc { color: #66d9ef } .mw-highlight .kd { color: #66d9ef } .mw-highlight .kn { color: #f92672 } .mw-highlight .kp { color: #66d9ef } .mw-highlight .kr { color: #66d9ef } .mw-highlight .kt { color: #66d9ef } .mw-highlight .ld { color: #e6db74 } .mw-highlight .m { color: #ae81ff } .mw-highlight .s { color: #e6db74 } .mw-highlight .na { color: #a6e22e } .mw-highlight .nb { color: #f8f8f2 } .mw-highlight .nc { color: #a6e22e } .mw-highlight .no { color: #66d9ef } .mw-highlight .nd { color: #a6e22e } .mw-highlight .ni { color: #f8f8f2 } .mw-highlight .ne { color: #a6e22e } .mw-highlight .nf { color: #a6e22e } .mw-highlight .nl { color: #f8f8f2 } .mw-highlight .nn { color: #f8f8f2 } .mw-highlight .nx { color: #a6e22e } .mw-highlight .py { color: #f8f8f2 } .mw-highlight .nt { color: #f92672 } .mw-highlight .nv { color: #f8f8f2 } .mw-highlight .ow { color: #f92672 } .mw-highlight .w { color: #f8f8f2 } .mw-highlight .mb { color: #ae81ff } .mw-highlight .mf { color: #ae81ff } .mw-highlight .mh { color: #ae81ff } .mw-highlight .mi { color: #ae81ff } .mw-highlight .mo { color: #ae81ff } .mw-highlight .sa { color: #e6db74 } .mw-highlight .sb { color: #e6db74 } .mw-highlight .sc { color: #e6db74 } .mw-highlight .dl { color: #e6db74 } .mw-highlight .sd { color: #e6db74 } .mw-highlight .s2 { color: #e6db74 } .mw-highlight .se { color: #ae81ff } .mw-highlight .sh { color: #e6db74 } .mw-highlight .si { color: #e6db74 } .mw-highlight .sx { color: #e6db74 } .mw-highlight .sr { color: #e6db74 } .mw-highlight .s1 { color: #e6db74 } .mw-highlight .ss { color: #e6db74 } .mw-highlight .bp { color: #f8f8f2 } .mw-highlight .fm { color: #a6e22e } .mw-highlight .vc { color: #f8f8f2 } .mw-highlight .vg { color: #f8f8f2 } .mw-highlight .vi { color: #f8f8f2 } .mw-highlight .vm { color: #f8f8f2 } .mw-highlight .il { color: #ae81ff }

/* Dark edit page */ .wikiEditor-ui .wikiEditor-ui-view, .wikiEditor-ui-toolbar .group{ border-color: #666; } .wikiEditor-ui .wikiEditor-ui-top { border-bottom-color: #666; } .wikiEditor-ui-toolbar { background: #333; } .wikiEditor-ui-toolbar .oo-ui-iconElement-icon, .wikiEditor-ui-toolbar .tabs span.tab a { filter: invert(1) hue-rotate(180deg); } .editOptions { background: #333; border-color: #666; color: #fff; } /* From CodeMirror material-darker theme */ .CodeMirror { background-color: #212121; color: #EEFFFF; } .CodeMirror pre { box-shadow: none; } .CodeMirror .CodeMirror-gutters { background: #212121; color: #545454; border: none; } .CodeMirror .CodeMirror-guttermarker, .CodeMirror .CodeMirror-guttermarker-subtle, .CodeMirror .CodeMirror-linenumber { color: #545454; } .CodeMirror .CodeMirror-cursor { border-left: 1px solid #FFCC00; } .CodeMirror div.CodeMirror-selected { background: rgba(97, 97, 97, 0.2); } .CodeMirror.CodeMirror-focused div.CodeMirror-selected { background: rgba(97, 97, 97, 0.2); } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection { background: rgba(128, 203, 196, 0.2); } .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection { background: rgba(128, 203, 196, 0.2); } .CodeMirror .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0.5); } .CodeMirror .cm-keyword { color: #C792EA; } .CodeMirror .cm-operator { color: #89DDFF; } .CodeMirror .cm-variable-2 { color: #EEFFFF; } .CodeMirror .cm-variable-3, .CodeMirror .cm-type { color: #f07178; } .CodeMirror .cm-builtin { color: #FFCB6B; } .CodeMirror .cm-atom { color: #F78C6C; } .CodeMirror .cm-number { color: #FF5370; } .CodeMirror .cm-def { color: #82AAFF; } .CodeMirror .cm-string { color: #C3E88D; } .CodeMirror .cm-string-2 { color: #f07178; } .CodeMirror .cm-comment { color: #545454; } .CodeMirror .cm-variable { color: #f07178; } .CodeMirror .cm-tag { color: #FF5370; } .CodeMirror .cm-meta { color: #FFCB6B; } .CodeMirror .cm-attribute { color: #C792EA; } .CodeMirror .cm-property { color: #C792EA; } .CodeMirror .cm-qualifier { color: #DECB6B; } .CodeMirror .cm-variable-3, .CodeMirror .cm-type { color: #DECB6B; } .CodeMirror .cm-error { color: rgba(255, 255, 255, 1.0); background-color: #FF5370; } .CodeMirror .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }