MediaWiki:Minerva.css: Skirtumas tarp puslapio versijų
Pereiti į navigaciją
Jump to search
SNėra keitimo santraukos |
SNėra keitimo santraukos |
||
16 eilutė: | 16 eilutė: | ||
--content-background-color: #E6EFF4; | --content-background-color: #E6EFF4; | ||
--content-text-color: #202122; | --content-text-color: #202122; | ||
} | } | ||
658 eilutė: | 606 eilutė: | ||
/* Default styles [[File:Dark-mobile-header.png]] */ | /* Default styles [[File:Dark-mobile-header.png]] */ | ||
body.wgl-theme-dark { | body.wgl-theme-dark { | ||
--mobile-header-background: url('filepath://Dark-mobile-header.png'); | --mobile-header-background: url('filepath:///resources/assets/mc/Dark-mobile-header.png'); | ||
--mobile-header-background-color: #011C31; | --mobile-header-background-color: #011C31; | ||
--content-text-color: #e6e6e6; | --content-text-color: #e6e6e6; | ||
664 eilutė: | 612 eilutė: | ||
--base-background-color: #13191c; | --base-background-color: #13191c; | ||
color: var(--content-text-color); | color: var(--content-text-color); | ||
} | } | ||
Dabartinė 13:44, 18 balandžio 2025 versija
/* All CSS here will be loaded for users of the MinervaNeue skin */
/**
* See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates.
*
* See [[MediaWiki:Vector.css]] for desktop theme related styles.
* See [[MediaWiki:Vector-theme-dark.css]] for desktop dark theme related styles.
*
* See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles.
*/
/* Default styles [[File:Mobile-header.png]] */
:root {
--mobile-header-background: url('filepath:///resources/assets/mc/Mobile-header.png');
--mobile-header-background-color: #58B5FE;
--content-background-color: #E6EFF4;
--content-text-color: #202122;
}
/** Minecraft skin **/
.overlay.search-overlay,
.overlay.editor-overlay {
padding-top: 90px;
}
input#searchInput,
input {
color: #000000;
}
/* Grass header background */
.skin-minerva #mw-mf-page-center .header-container,
.skin-minerva .search-overlay .header-container {
position: relative;
background: var(--mobile-header-background) left bottom repeat-x,linear-gradient(0deg,var(--content-background-color) 50%,var(--mobile-header-background-color) 50%);
background-size: 48px auto;
right: 0;
left: 0;
height: 96px;
}
.skin-minerva .header-container {
background-color: transparent;
box-shadow: none;
}
.overlay-header,
.minerva-header {
padding-top: 7px;
}
/* Hide grass when editing on small screens to maximise editing space */
@media all and (max-width: 999px) {
.overlay-enabled .editor-overlay {
padding-top: 3.35em;
}
.overlay-enabled .overlay.editor-overlay .header-container:after {
bottom: 0;
background-position: left bottom -29px;
}
}
.overlay .overlay-header-container.header-container {
z-index: 2;
}
.minerva-header .branding-box {
opacity: 1;
}
.notification-count {
background: none;
}
/* Background color */
.overlay-enabled,
.overlay-content,
.mw-body {
background-color: var(--content-background-color);
}
/* Fix editor colour */
#wikitext-editor {
background-color: #FFF;
}
/* Give the footer the stone texture: [[File:Mobile-background.png]] */
.minerva-footer {
background: url('filepath://Mobile-background.png') #202020;
}
footer,
footer a:active,
#footer,
#footer a:active {
color: #FFF;
}
footer a,
#footer a,
footer a:visited,
#footer a:visited {
color: #BFBFBF;
}
.last-modified-bar {
background-color: #EAECF0;
}
/* Fix dumb default styling */
.content code,
.content pre {
background-color: #f9f9f9;
border: 1px solid #ddd;
color: black;
}
.content code {
border-radius: 2px;
}
@media all and (max-width: 768px) {
.gallerybox .thumb > div {
margin: 15px !important;
width: auto !important;
}
}
.wikitable > tbody {
background-color: #f8f9fa;
}
/* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */
.content ul {
list-style-image: url('filepath:///resources/assets/mc/List_bullet.svg');
}
/* Fix footer hlist separator colour */
.footer-content .hlist-separated li:after {
color: #FFF;
}
/* Fix hlist gaps being too wide */
.hlist > ul li {
margin-right: 0;
}
/* Fix changes autocollapsing in recent changes */
.mw-changeslist-edit, .mw-changeslist-line {
display: table-row !important;
}
.mw-changeslist-line-inner {
padding-top: 1.5em;
}
.mw-enhanced-rc-nested {
padding-top: 0.5em;
}
/* Alternating cell background */
.alternatecells:nth-child(odd) {
background-color: #F9F9F9;
}
/* Alternating table rows, primarily used with [[Template:Infobox row]] */
.alternaterows tr:nth-child(even),
.infobox-rows tr:nth-child(even),
.alternaterows tr:nth-child(even) td,
.infobox-rows tr:nth-child(even) td {
background-color: #F9F9F9;
}
/* Show TOC */
@media (max-width: 512px) {
.skin-minerva .toc-mobile {
display: block;
}
}
/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
margin-top: 0.3em;
}
.treeview .treeview-header {
padding-left: 3px;
font-weight: bold;
}
.treeview .treeview-header:last-child {
border-color: #636363 !important;
border-left-style: dotted;
}
.treeview .treeview-header:not(:last-child):before {
content: none;
}
.treeview .treeview-header:last-child:before {
border-bottom: 0;
}
.treeview ul,
.treeview li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.treeview li li {
position: relative;
padding-left: 13px;
margin-left: 7px;
border-left: 1px solid #636363;
}
.treeview li li:before {
content: "";
position: absolute;
top: 0;
left: -1px;
width: 11px;
height: 11px;
border-bottom: 1px solid #636363;
}
.treeview li li:last-child:not(.treeview-continue) {
border-color: transparent;
}
.treeview li li:last-child:not(.treeview-continue):before {
border-left: 1px solid #636363;
width: 10px;
}
.nbttree-inherited {
background-color: #E6E6FA;
}
/* Try to use nearest neighbour scaling for pixelated images */
.pixel-image,
.invslot-item-image,
.sprite {
image-rendering: optimizeSpeed;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
/* Simulate link styling for JS only links */
.jslink {
color: #0645AD;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jslink:hover {
text-decoration: underline;
cursor: pointer;
}
.jslink:active {
color: #FAA700;
}
/* Hatnotes and disambiguation notices */
.hatnote {
font-style: italic;
}
.hatnote i {
font-style: normal;
}
div.hatnote {
padding-left: 0;
margin-bottom: 0.5em;
font-size: 0.8125rem;
}
div.hatnote + div.hatnote {
margin-top: -0.5em;
}
div.msgbox {
font-size: 0.8125rem;
max-width: revert !important;
}
@media all and (min-width: 511px) {
div.msgbox-subtle {
max-width: 306px !important;
}
}
/* Fix animated infobox images shifting the screen when images have different dimensions */
.content span.animated a > img,
.content span.animated a > .lazy-image-placeholder,
.content noscript span.animated > img {
max-width: initial !important;
}
body.page-Main_Page #firstHeading {
display: none;
}
/* Hide nomobile */
.nomobile,
.msgbox .msgbox-image {
display: none;
}
/* Remove blank space when editing */
.action-edit .overlay-header-container + .overlay-content {
padding-top: 0;
}
.editor-overlay .content {
margin-top: 0;
}
/* Add a background color to the overlay header and remove the padding */
.overlay-header {
background-color: var(--content-background-color);
padding-top: 0;
}
.content li {
margin-bottom: 2px;
}
.content .mw-parser-output > h2, .content .section-heading {
border-bottom: 1px solid #c8ccd1;
}
dl {
margin-bottom: 5px;
}
.mcw-mainpage-icons {
padding: 0;
}
/* Force collapsed navbox headers to full width */
.content table.navbox {
display: table;
border-collapse: separate;
}
/* Margin is too big */
.page-heading {
margin-bottom: 0;
}
/* DiscussionTools */
.ext-discussiontools-replytool-enabled dl,
.rootpage-Minecraft_Wiki_Admin_noticeboard dl,
.ns-10008 dl,
.ns-talk dl {
border-left: 1px dotted var(--content-text-color);
margin-left: 0;
}
.ext-discussiontools-replytool-enabled:not(.ns-4) dd,
.rootpage-Minecraft_Wiki_Admin_noticeboard dd,
.ns-10008 dd,
.ns-talk dd {
margin-left: 1em;
}
.ext-discussiontools-replytool-enabled:not(.ns-4) dl:has(+ dl),
.ext-discussiontools-replytool-enabled:not(.ns-4) dl dl,
.rootpage-Minecraft_Wiki_Admin_noticeboard dl:has(+ dl),
.rootpage-Minecraft_Wiki_Admin_noticeboard dl dl,
.ns-10008 dl:has(+ dl),
.ns-10008 dl dl,
.ns-talk dl:has(+ dl),
.ns-talk dl dl {
margin-bottom: -0.5em;
padding-bottom: 0.5em;
}
body:is(
.ext-discussiontools-replytool-enabled:not(.ns-4),
.rootpage-Minecraft_Wiki_Admin_noticeboard,
.ns-10008,
.ns-talk
) dd:first-child:not(:has(> dl:first-child)) {
margin-top: 0.5em;
padding-top: 0.5em;
border-top: 1px dotted var(--content-text-color);
}
body:is(
.ext-discussiontools-replytool-enabled:not(.ns-4),
.rootpage-Minecraft_Wiki_Admin_noticeboard,
.ns-10008,
.ns-talk
) dd:not(:last-child):has([data-mw-comment-end]) {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 1px dotted var(--content-text-color);
}
/* Hide page title on all main pages */
body.rootpage-Minecraft_Wiki .page-heading,
body.rootpage-Movie_Wiki .page-heading,
body.rootpage-Dungeons_Wiki .page-heading,
body.rootpage-Legends_Wiki .page-heading,
body.rootpage-Story_Mode_Wiki .page-heading,
body.rootpage-Earth_Wiki .page-heading {
display: none;
}
/* Hide page/talk and edit bar links to match normal main page */
body.rootpage-Movie_Wiki .minerva__tab-container,
body.rootpage-Movie_Wiki .page-actions-menu,
body.rootpage-Dungeons_Wiki .minerva__tab-container,
body.rootpage-Dungeons_Wiki .page-actions-menu,
body.rootpage-Legends_Wiki .minerva__tab-container,
body.rootpage-Legends_Wiki .page-actions-menu,
body.rootpage-Story_Mode_Wiki .minerva__tab-container,
body.rootpage-Story_Mode_Wiki .page-actions-menu,
body.rootpage-Earth_Wiki .minerva__tab-container,
body.rootpage-Earth_Wiki .page-actions-menu {
display: none;
}
.mainpage-body .tile-row {
width: inherit;
display: block !important;
}
.mainpage-left .tile {
padding: 2.5em 1.75em 2em;
}
.mainpage-left .tile h2 {
padding: 0;
margin: 0.65em 0.5em;
}
.mainpage-left .tile-halves h2 {
padding: 0;
margin: 0.65em 0.5em;
}
.mainpage-recent-updates {
padding: 1.5em 1em 2.5em;
}
.mainpage-recent-updates::before {
content: 'Recent updates';
display: block;
margin-left: 1.5em;
color: var(--byline-color);
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.025em;
grid-column: 1 / 4;
}
.mainpage-recent-updates .tile-halves {
display: inline-block;
width: 100%;
white-space: initial;
flex: unset;
}
.mainpage-recent-updates .tile-halves:nth-child(1) {
animation: 0.9s 0.2s both slide-up;
}
.mainpage-recent-updates .tile-halves:nth-child(2) {
animation: 0.9s 0.4s both slide-up;
}
.mainpage-recent-updates .tile-halves:nth-child(3) {
animation: 0.9s 0.6s both slide-up;
}
.mainpage-recent-updates .tile-top {
height: 9em;
overflow: hidden;
}
.mainpage-recent-updates .tile-bottom {
padding-bottom: 0.5rem;
}
.mainpage-recent-updates .byline {
margin: 0;
}
.mainpage-recent-updates .byline + h2 {
margin: 0.025em 0 0;
padding: 0;
}
@media only screen and (max-width: 720px) {
.mainpage-recent-updates::before {
text-align: center;
margin: 0;
grid-column: auto;
}
}
.mainpage-contents {
background: #ffffff;
border: 1px solid #146433;
padding: 55px 2em 2em 2em;
overflow-x: auto;
grid-template-columns: repeat(6, 1fr) !important;
position: relative;
scroll-snap-align: center;
}
.mainpage-contents::before {
margin: 1em;
position: absolute;
top: 0;
color: inherit;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.025em;
grid-column: 1 / 6;
}
.mainpage-contents .tile-halves {
border: none;
background: none;
box-shadow: none;
margin-top: 1rem;
border: 1px solid #146433;
}
.tile-image {
justify-content: center;
}
.mainpage-contents .tile-top {
padding: 0;
height: initial;
}
.mainpage-contents .tile-bottom {
border: none;
}
.mainpage-contents h2 {
width: 100%;
}
@media only screen and (max-width: 1000px) {
.mainpage-skills .tile-top ul {
margin: 0;
}
}
.mainpage-discord .tile-top {
padding: 1em 2em;
height: 70px;
}
.mainpage-discord .tile-top .partner-icon {
margin-right: 1em;
}
.mainpage-discord .tile-top .server-name {
margin: 0;
}
.mainpage-discord .tile-top .server-tagline {
margin: 0;
}
.mainpage-twitter {
margin-bottom: 0;
}
.mainpage-twitter .tile-top {
padding: 1em 2em;
height: 70px;
}
.mainpage-twitter .tile-top .twitter-logo {
margin-right: 1em;
}
.mainpage-twitter .tile-top .twitter-name {
margin: 0;
}
.mainpage-twitter .tile-top .twitter-tagline {
margin: 0;
}
/* Dark theme */
/* Mobile Dark Mode Theme for English Wiki
/* Originally made by Corelakes, Eduaddad, Faariaz and LucasGameszYT for MCW-PT */
html:has(body.wgl-theme-dark) {
color-scheme: dark;
--archive-box-background-color: #282828;
--archive-box-border-color: #444;
}
/* Default styles [[File:Dark-mobile-header.png]] */
body.wgl-theme-dark {
--mobile-header-background: url('filepath:///resources/assets/mc/Dark-mobile-header.png');
--mobile-header-background-color: #011C31;
--content-text-color: #e6e6e6;
--content-background-color: #2b2f39;
--base-background-color: #13191c;
color: var(--content-text-color);
}
body.wgl-theme-dark :not(.infobox-title) a:not(.new,.mw-selflink,.menu2-text a),
body.wgl-theme-dark .jslink,
body.wgl-theme-dark .toctogglelabel,
body.wgl-theme-dark .mw-collapsible-text,
body.wgl-theme-dark .vector-menu-dropdown .mw-list-item a,
body.wgl-theme-dark .mw-mmv-post-image a,
body.wgl-theme-dark #mw-mf-page-left ul.hlist li a{
color: #90c0fe;
}
body.wgl-theme-dark .mw-body-content .hlist li:not(:last-child)::after {
background-color: #FFF;
}
body.wgl-theme-dark .mw-message-box,
body.wgl-theme-dark .mw-body, h1, h2, h3, h4, h5, h6,
body.wgl-theme-dark .mw-ui-input {
color: var(--content-text-color);
}
body.wgl-theme-dark .mw-body a.new, body.wgl-theme-dark .mw-mmv-post-image a.new {
color: #ffa4a4;
}
body.wgl-theme-dark .post-content .mw-ui-button,
body.wgl-theme-dark .post-content .cdx-button {
background-color: #35383e;
border-color: #3f3f3f;
}
body.wgl-theme-dark .post-content .mw-ui-button:not(:disabled):hover,
body.wgl-theme-dark .post-content .cdx-button:not(:disabled):hover {
background-color: #575b5e;
color: #7e8eff !important;
border-color: #484848;
}
body.wgl-theme-dark .last-modified-bar,
body.wgl-theme-dark .last-modified-bar a,
body.wgl-theme-dark .last-modified-bar a:visited,
body.wgl-theme-dark .last-modified-bar .last-modified-text-accent {
background-color: var(--base-background-color);
color: var(--content-text-color);
}
.wgl-theme-dark .edition-title {
color: #FFF;
}
.wgl-theme-dark .mw-datatable,
.wgl-theme-dark table.mw_metadata,
.wgl-theme-dark .mw-datatable td,
.wgl-theme-dark table.mw_metadata td,
.wgl-theme-dark .wikitable,
.wgl-theme-dark .wikitable td,
.wgl-theme-dark .wikitable > tbody {
background-color: var(--custom-table-background);
}
.wgl-theme-dark .alternaterows tr:nth-child(even),
.wgl-theme-dark .infobox-rows tr:nth-child(even),
.wgl-theme-dark .alternaterows tr:nth-child(even) td,
.wgl-theme-dark .infobox-rows tr:nth-child(even) td {
background: #222;
}
.wgl-theme-dark footer a,
.wgl-theme-dark #footer a,
.wgl-theme-dark footer a:visited,
.wgl-theme-dark #footer a:visited {
color: #BFBFBF;
}
/* Left Navbar */
.wgl-theme-dark #mw-mf-page-left {
background-color: #484848;
}
.wgl-theme-dark #mw-mf-page-left ul li {
background-color: #383838;
border-top-color: #484848;
}
.wgl-theme-dark #mw-mf-page-left ul li a {
color: var(--content-text-color);
}
.wgl-theme-dark #mw-mf-page-left .mw-ui-icon,
.wgl-theme-dark #page-actions .mw-ui-icon:not(span),
.wgl-theme-dark .mw-ui-icon-mf-expand:before {
filter: invert(100%);
}
/* Searchbar */
body.wgl-theme-dark .search {
background-color: #5e5e5e;
}
body.wgl-theme-dark .search-box .search {
border-color: #6f6f6f;
}
body.wgl-theme-dark .search::-webkit-input-placeholder,
body.wgl-theme-dark .mw-ui-background-icon-search::-webkit-input-placeholder,
body.wgl-theme-dark input#searchInput,
body.wgl-theme-dark input {
color: #d6d6d6
}
body.wgl-theme-dark .minerva-icon--search {
background-blend-mode: color-dodge;
}
body.wgl-theme-dark .mw-ui-icon-mf-articlesSearch {
filter: invert(100%);
}
body.wgl-theme-dark .autocomplete-suggestions {
background: #2e2d2d;
color: rgb(126 145 165);
}
body.wgl-theme-dark .autocomplete-suggestion {
border-bottom: 1px solid #151414;
}
body.wgl-theme-dark .autocomplete-selected {
background: #1b1c1c;
}
body.wgl-theme-dark .mw-ui-icon-mf-clear,
body.wgl-theme-dark .mw-ui-icon-mf-star-subtle {
filter: invert(100%);
}
/* Searchresults */
.wgl-theme-dark .overlay.search-overlay .results,
.wgl-theme-dark .overlay.search-overlay .search-feedback {
background-color: #292929;
}
.wgl-theme-dark .page-summary h2,
.wgl-theme-dark .page-summary h3 {
color: var(--content-text-color);
}
/* Notifications */
.wgl-theme-dark .overlay-header-container.header-container.position-fixed,
.wgl-theme-dark .overlay-footer-container {
background: #292929;
}
.wgl-theme-dark .mw-echo-ui-placeholderItemWidget {
background-color: var(--content-background-color);
}
body.wgl-theme-dark .view-border-box .oo-ui-labelElement-label {
color: var(--content-text-color);
}
/* Editor */
.wgl-theme-dark #wikitext-editor {
background-color: var(--content-background-color);
}
.wgl-theme-dark .overlay {
background-color: var(--base-background-color);
}
/* Use white bullet points, instead of black: [[File:List bullet dark.svg]] */
body.wgl-theme-dark .content ul {
list-style-image: url('filepath://List_bullet_dark.svg');
}
/* Source code display */
/* Toolbar */
body.wgl-theme-dark .wikiEditor-ui-toolbar,
body.wgl-theme-dark .oo-ui-toolbar-bar,
body.wgl-theme-dark .wikiEditor-ui-toolbar .sections .section,
body.wgl-theme-dark .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
background-color: #353535;
color: #e6e6e6;
border-top: 1px solid #595959;
border-bottom: 1px solid #595959;
}
/* History pages */
body.wgl-theme-dark .content .mw-index-pager-list-header {
background-color: var(--content-background-color);
color: #fff;
}
body.wgl-theme-dark .mw-history-compareselectedversions {
background-color: var(--content-background-color);
}
body.wgl-theme-dark .mw-pager-tools a, body.wgl-theme-dark .mw-history-undo a {
float: right;
background-color: #2f2f2f;
}
body.wgl-theme-dark .mw-ui-button, body.wgl-theme-dark .cdx-button {
background-color: #373f50;
color: #f8f9fa;
}
body.wgl-theme-dark .editOptions {
background-color: #282828;
color: #ccc;
border-top: 1px solid #595959;
border-bottom: 1px solid #595959;
}
/* Popup background */
body.wgl-theme-dark .oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: #0008;
}
body.wgl-theme-dark td.diff-context {
background-color: #232324;
border-color: #313233;
color: #BFBFBF;
}
body.wgl-theme-dark .diff-addedline .diffchange {
background-color: #005e20;
}
body.wgl-theme-dark .diff-deletedline .diffchange {
background-color: #9f0000;
}
body.wgl-theme-dark #mw-mf-diffview .mw-diff-inline-moved {
background: #b86e14;
}
body.wgl-theme-dark .mw-warning-with-logexcerpt,
body.wgl-theme-dark .mw-message-box-error,
body.wgl-theme-dark .errorbox {
background-color: #4d2622;
border-color: #9e352e;
}
body.wgl-theme-dark .mw-mf-user,
body.wgl-theme-dark .page-list.side-list .list-thumb,
body.wgl-theme-dark .topic-title-list.side-list .list-thumb,
body.wgl-theme-dark .site-link-list.side-list .list-thumb,
body.wgl-theme-dark .page-list .info,
body.wgl-theme-dark .topic-title-list .info,
body.wgl-theme-dark .site-link-list .info,
body.wgl-theme-dark .page-list .component,
body.wgl-theme-dark .topic-title-list .component,
body.wgl-theme-dark .site-link-list .component {
color: #b4bdc6;
}
body.wgl-theme-dark .minoredit {
background-color: #373737;
}
body.wgl-theme-dark .mw-mf-icon {
filter: invert(50%);
}
/* Tables */
body.wgl-theme-dark .mw-datatable,
body.wgl-theme-dark table.mw_metadata,
body.wgl-theme-dark .wikitable,
body.wgl-theme-dark table.mw-abuselog-details,
body.wgl-theme-dark table.mw-interwikitable.body td.mw-interwikitable-local-yes {
color: inherit;
}
body.wgl-theme-dark .mw-datatable,
body.wgl-theme-dark table.mw_metadata,
body.wgl-theme-dark .mw-datatable th,
body.wgl-theme-dark table.mw_metadata th,
body.wgl-theme-dark .mw-datatable td,
body.wgl-theme-dark table.mw_metadata td,
body.wgl-theme-dark .wikitable,
body.wgl-theme-dark .wikitable > tr > th,
body.wgl-theme-dark .wikitable > tr > td,
body.wgl-theme-dark .wikitable > * > tr > th,
body.wgl-theme-dark .wikitable > * > tr > td,
body.wgl-theme-dark table.mw-abuselog-details,
body.wgl-theme-dark table.mw-abuselog-details td,
body.wgl-theme-dark table.mw-abuselog-details th {
border-color: #444;
}
body.wgl-theme-dark table.mw-abuselog-details th,
body.wgl-theme-dark .mw-datatable th,
body.wgl-theme-dark table.mw_metadata th,
body.wgl-theme-dark .wikitable > tr > th,
body.wgl-theme-dark .wikitable > * > tr > th {
background-color: #222;
}
body.wgl-theme-dark table.mw-abuselog-details,
body.wgl-theme-dark .mw-datatable,
body.wgl-theme-dark table.mw_metadata,
body.wgl-theme-dark .mw-datatable td,
body.wgl-theme-dark table.mw_metadata td,
body.wgl-theme-dark .wikitable tbody {
background-color: #2f2f2f;
}
body.wgl-theme-dark .mw-message-box-warning,
body.wgl-theme-dark .warningbox,
body.wgl-theme-dark .usermessage {
background-color: #2b2f09;
border-color: #fc3;
}
/* Makes the text editing section a certain color on all cases */
body.wgl-theme-dark .wikiEditor-ui,
body.wgl-theme-dark .CodeMirror,
body.wgl-theme-dark .mw-editform #wpTextbox1,
body.wgl-theme-dark .ace-tm,
body.wgl-theme-dark .wikiEditor-ui textarea {
background-color: #1e1e1e;
}
body.wgl-theme-dark .ace-tm,
body.wgl-theme-dark .ace-tm .ace_gutter,
body.wgl-theme-dark .codeEditor-status,
body.wgl-theme-dark .mw-highlight pre {
background-color: #282828;
color: #fff;
}
body.wgl-theme-dark .mw-content-ltr.mw-highlight-lines pre,
body.wgl-theme-dark .mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 #282828;
}
/* Makes the syntax highlighting number line more readable */
body.wgl-theme-dark .CodeMirror-gutter,
body.wgl-theme-dark CodeMirror-linenumbers,
body.wgl-theme-dark .ace-tm .ace_gutter {
background: #333333;
border-right: 1px solid #6f6f6f;
color: #fff;
}
body.wgl-theme-dark .ace-tm .ace_gutter-active-line {
background-color: #5f5f5f;
color: #e6e6e6;
}
.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header {
background-color: #1e1e1e;
}
.cdx-tabs:not(.cdx-tabs--framed)>.cdx-tabs__header .cdx-tabs__list__item:enabled {
color: #fff;
}
/* Code, Pre */
@media screen {
body.wgl-theme-dark pre,
body.wgl-theme-dark code,
body.wgl-theme-dark .mw-code {
background-color: #444444;
color: #fff;
border: 1px solid #6f6f6f;
}
}
/* Miscellaneous */
body.wgl-theme-dark .notaninfobox,
body.wgl-theme-dark .gallerybox .thumb,
body.wgl-theme-dark #catlinks,
body.wgl-theme-dark #toc,
body.wgl-theme-dark .toc,
body.wgl-theme-dark .toccolours,
body.wgl-theme-dark .mw-warning,
body.wgl-theme-dark .navpopup,
body.wgl-theme-dark .ref-tooltip-text,
body.wgl-theme-dark #filetoc,
body.wgl-theme-dark .directorstable {
background-color: #282828;
border-color: #444;
}
.action-submit .mw-editnotice,
.action-edit .mw-editnotice,
.action-submit .mw-editTools,
.action-edit .mw-editTools,
.action-submit .preview-limit-report-wrapper,
.action-edit .preview-limit-report-wrapper,
.action-submit .diff-otitle,
.action-edit .diff-otitle,
.action-submit .diff-ntitle,
.action-edit .diff-ntitle,
.action-submit .mw-first-heading,
.action-edit .mw-first-heading,
.action-submit #editpage-copywarn,
.action-edit #editpage-copywarn,
.action-submit #mw-anon-edit-warning,
.action-edit #mw-anon-edit-warning {
color: #ccc !important;
}
body.wgl-theme-dark figure[typeof~='mw:File/Thumb'],
body.wgl-theme-dark figure[typeof~='mw:File/Thumb'] > figcaption,
body.wgl-theme-dark .ve-ce-mwBlockImageNode-type-thumb, /* thumb images in visual editor */
body.wgl-theme-dark .ve-ce-mwBlockImageNode-type-thumb > figcaption,
body.wgl-theme-dark .content .thumbcaption,
body.wgl-theme-dark .content figure[typeof~='mw:File/Thumb'] > figcaption,
body.wgl-theme-dark .content figure[typeof~='mw:File/Frame'] > figcaption {
background-color: var(--content-background -color);
color: #c7c9ca;
}
.client-js .section-heading .indicator {
filter: invert(100%);
}
.ext-discussiontools-init-readAsWikiPage,
.ext-discussiontools-init-new-topic,
.archive-box {
background: var(--content-background-color);
}
body.wgl-theme-dark .ext-discussiontools-init-pageframe-latestcomment,
body.wgl-theme-dark .ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section-metaitem {
color: #aaaaaa;
}
body.wgl-theme-dark .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-color: #39393b;
}
body.wgl-theme-dark .toc-title-icon,
body.wgl-theme-dark .toc-title-state-icon {
filter: invert(100%);
}
/* Mudanças recentes */
body.wgl-theme-dark .mw-changeslist-legend,body.wgl-theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,body.wgl-theme-dark .vector-menu-dropdown .vector-menu-content {
background-color: #1e1e1e;
color: #fff;
border-color: #686869
}
body.wgl-theme-dark .oo-ui-menuSelectWidget {
background-color: #333;
border: 1px solid #6f6f6f;
}
.wgl-theme-dark .mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: #6e6e6f;
}
.wgl-theme-dark .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: #dedede;
}
.wgl-theme-dark .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: #292929;
}
.wgl-theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #e2e6e9;
}
.wgl-theme-dark .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: #c8cbcf;
}
.wgl-theme-dark .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: #a1a8ae;
}
.wgl-theme-dark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: #222222;
color: #E0E0E0;
}
/* OOUI buttons */
:root body.wgl-theme-dark {
--ooui-color: #fff;
--ooui-progressive: #6f9fff;
--ooui-progressive-hover: #447ff5;
--ooui-destructive: #ff6767;
--ooui-destructive-hover: #ff4242;
--ooui-enabled: #373f50;
--ooui-enabled-hover: #4f596d;
--ooui-border: #5a5d64;
--ooui-border-disabled: #494c52;
--ooui-disabled: #191d25;
--ooui-text-disabled: #72777d;
}
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/styles/elements/ButtonElement.less
* https://gerrit.wikimedia.org/r/plugins/gitiles/oojs/ui/+/refs/heads/master/src/themes/wikimediaui/elements.less */
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--ooui-enabled);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: unset;
color: var(--ooui-enabled-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-border);
box-shadow: var(--ooui-border);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: unset;
color: var(--ooui-enabled);
border-color: var(--ooui-border);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--ooui-progressive);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-progressive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: var(--ooui-destructive);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-destructive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: var(--ooui-destructive);
border-color: var(--ooui-destructive);
}
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
color: var(--ooui-text-disabled);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background: var(--ooui-disabled);
color: var(--ooui-text-disabled);
border-color: var(--ooui-border-disabled);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: var(--ooui-enabled);
color: var(--ooui-color);
border-color: var(--ooui-border);
box-shadow: var(--ooui-color);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
body.wgl-theme-dark .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
background: var(--ooui-enabled-hover);
color: var(--ooui-color);
border-color: var(--ooui-border);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-border);
box-shadow: var(--ooui-color), var(--ooui-color);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background: var(--ooui-enabled-hover);
color: var(--ooui-color);
border-color: var(--ooui-border);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-border);
box-shadow: var(--ooui-color), var(--ooui-color);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background: var(--ooui-enabled);
color: var(--ooui-color);
border-color: var(--ooui-border);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--ooui-progressive);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-progressive-hover);
background: var(--ooui-enabled);
border-color: var(--ooui-progressive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui--button-border-top);
box-shadow: var(--ooui-color), var(--ooui-color);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background: var(--ooui-enabled);
color: var(--ooui-progressive-hover);
border-color: var(--ooui-progressive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: var(--ooui-destructive);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-destructive-hover);
background: var(--ooui-enabled);
border-color: var(--ooui-destructive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-destructive-hover);
box-shadow: var(--ooui-destructive-hover), var(--ooui-destructive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background: var(--ooui-enabled);
color: var(--ooui-destructive-hover);
border-color: var(--ooui-destructive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--ooui-color);
background: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-color);
background: var(--ooui-progressive-hover);
border-color: var(--ooui-progressive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-border);
box-shadow: var(--ooui-border), var(--ooui-border);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: var(--ooui-color);
background: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: var(--ooui-color);
background: var(--ooui-destructive);
border-color: var(--ooui-destructive);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-color);
background: var(--ooui-destructive-hover);
border-color: var(--ooui-destructive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-border);
box-shadow: var(--ooui-destructive-hover), var(--ooui-destructive-hover);
}
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
body.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: var(--ooui-color);
background: var(--ooui-destructive);
border-color: var(--ooui-destructive);
}
/* OOUI Dropdown, Input */
body.wgl-theme-dark .oo-ui-tabSelectWidget-framed {
background-color: #232324;
}
body.wgl-theme-dark .oo-ui-tabOptionWidget > .oo-ui-labelElement-label {
color: #fff;
}
body.wgl-theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: #494a4b;
}
body.wgl-theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: #686869
}
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background: transparent;
}
body.wgl-theme-dark .oo-ui-checkboxInputWidget [type='checkbox'] + span,
body.wgl-theme-dark .oo-ui-radioInputWidget [type='radio'] + span,
body.wgl-theme-dark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
body.wgl-theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input,
body.wgl-theme-dark .wikiEditor-ui,
body.wgl-theme-dark .CodeMirror,
body.wgl-theme-dark .mw-editform #wpTextbox1,
body.wgl-theme-dark .ace-tm,
body.wgl-theme-dark .wikiEditor-ui textarea,
body.wgl-theme-dark .cdx-text-input__input:enabled,
body.wgl-theme-dark textarea {
background-color: #1e1e1e;
color: #fff;
border-color: #686869;
}
body.wgl-theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: inherit;
}
body.wgl-theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
body.wgl-theme-dark .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
body.wgl-theme-dark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
body.wgl-theme-dark .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly],
body.wgl-theme-dark .oo-ui-tagMultiselectWidget,
body.wgl-theme-dark .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: #1e1e1e;
color: #fff;
border-color: #686869;
}
body.wgl-theme-dark .oo-ui-optionWidget.oo-ui-widget-disabled {
color: #aaa;
}
body.wgl-theme-dark .oo-ui-selectFileWidget-dropTarget {
background-color: #878787 !important;
}
body.wgl-theme-dark .oo-ui-labelWidget.oo-ui-inline-help {
color: #a8b2bb;
}
body.wgl-theme-dark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: #8d8d8d;
box-shadow: inset 0 0 0 1px #8d8d8d;
}
body.wgl-theme-dark .ve-ui-mwReferenceContextItem-muted, /* VE reference tooltip */
body.wgl-theme-dark .mw-widget-titleWidget-menu .oo-ui-optionWidget-highlighted .mw-widget-titleOptionWidget-description /* VE template search - result item description */ {
color: #a2a7ad;
}
body.wgl-theme-dark .oo-ui-indicatorElement-indicator,
body.wgl-theme-dark .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-image-warning):not(.oo-ui-image-progressive):not(.oo-ui-image-error):not(.oo-ui-image-success):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-icon-page-existing):not(.oo-ui-icon-article.mw-widget-titleOptionWidget-hasImage) {
filter: invert(100%);
}
body.wgl-theme-dark .oo-ui-iconElement-icon.oo-ui-icon-stop.oo-ui-image-invert {
filter: none !important;
}
body.wgl-theme-dark .oo-ui-pendingElement-pending {
background-image: url(data:image/gif;base64,R0lGODlhGAAYAKECADhHZhchNgAruwAruyH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAQACACwAAAAAGAAYAAACNYwDqcvnyKJ6R1pqrMRQL955AChOXJmQqFqyouvBmnydq93irx7zs1/DoFLCITD4GI6KN0MBACH5BAUBAAMALAAAAAAYABgAAAI0jB+gy43YIntHWmqsxEk77H1UOIGkwnVkegLs+a5cG4e1d2v5NcO9bAKOfEHbz1hEPlquAgAh+QQFAQADACwAAAAAGAAYAAACM4x/oMuN2CJ7SUpq7MU64tA5XLh8ZDme5gl8oLqSLjvDaVjLMb53OX/z9TQ/YZA4tBQ1BQAh+QQFAQADACwAAAAAGAAYAAACNISDmcbtCp1kUM1Z15U5bJ59TyhSZAl06HGW6vqisTt/nSfX2w3rF59r2XwYIki4M46QjgIAIfkEBQEAAwAsAAAAABgAGAAAAjWEHal67bjWmyBK6izDTSfeeWBojYdoVlqqlilqwqMM0pyNecGLTzq/ivUeP2FwNswkSa5JAQAh+QQFAQADACwAAAAAGAAYAAACNIRvobvozuKbIDL6bMNIK9554OEFYyKe5YlabKW9qRqz83iDObdjPbWi1XC/TBFyDA11uwIAIfkEBQEAAwAsAAAAABgAGAAAAjWEj6G76M7imyAy+mzDSQfeaeDhfWPlnah4lqr7sq08prGlrtK9zzh/AW58v5rNSOPAkEVAAQAh+QQFAQADACwAAAAAGAAYAAACNISPF8ucr1qDUE6arMNIL955YKSNhheYAKqypjvCoMzRddnirx7zs3+zqFZAjCgnRCZ7pQIAIfkEBQEAAwAsAAAAABgAGAAAAjSEjxnLnH+ahFA2+qzDSC/eeWAkjoAXmGc5oqprwi0LyjXN2belrvyr6eFyQeAvVkQeZ5YCACH5BAEBAAMALAAAAAAYABgAAAI1jIGpa90LlXOxzlfhxTnt03lfKG4k8gUnkK7t+ZJxOHd1dlsjvMs9/QNeViyTy8gbHpVJQwEAOw==);
}
body.wgl-theme-dark .oo-ui-popupWidget-popup {
background: #323232;
border-color: var(--ooui-border);
}
/* Editing: From https://en.wikipedia.org/wiki/MediaWiki:Gadget-Blackskin.css */
body.wgl-theme-dark .mw-message-box-success,
body.wgl-theme-dark .successbox {
background-color: #2e5e05;
border-color: #3c780a;
}
body.wgl-theme-dark .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: #fef6e766;
border-color: #fc3;
}
body.wgl-theme-dark .mw-ui-input:not(:disabled) {
background-color: #1e1e1e;
}
/* Notifications */
.wgl-theme-dark .mw-echo-ui-notificationItemWidget,
.wgl-theme-dark .mw-echo-ui-notificationItemWidget-unread,
.wgl-theme-dark .mw-echo-ui-notificationItemWidget-initiallyUnseen {
background-color: #1f1f1f !important;
}
.wgl-theme-dark .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background-color: #2b2f39;
}
.wgl-theme-dark .mw-echo-ui-notificationItemWidget-content-message-header {
color: #fff;
}
.wgl-theme-dark .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: #1e1e1e;
}
/* User toolbar */
body.wgl-theme-dark .page-actions-menu__list-item .cdx-button {
color: #a3adb6 !important;
}
body.wgl-theme-dark .language-selector.disabled {
opacity: 0.4;
}
.wgl-theme-dark .toggle-list__list {
background: #1f1f1f;
}
.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > input.oo-ui-buttonElement-button,
.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: #fff !important;
}
html body.wgl-theme-dark .toggle-list-item {
background-color: #2b2b2b !important;
}
html #p-personal {
background-color: none;
}
body.wgl-theme-dark #mw-mf-page-left ul.hlist {
background-color: #1f1f1f;
}
body.wgl-theme-dark .toggle-list-item__label {
color: #aaaaaa
}
/* CodeEditor search color fixes for dark theme */
body.wgl-theme-dark .ace_search {
background-color: #353535;
border: 1px solid var(--ooui-border);
border-top: 0;
border-right: 0;
color: #e6e6e6;
}
/* CodeEditor search input field color fixes for dark theme */
body.wgl-theme-dark .ace_search_field {
border-radius: 3px 0 0 3px;
background-color: #414141;
color: #e6e6e6;
border: 1px solid var(--ooui-border);
border-right: 0;
}
/* CodeEditor search button color fixes for dark theme */
body.wgl-theme-dark .ace_searchbtn {
border: 1px solid var(--ooui-border);
background: #414141;
color: #e6e6e6;
border-right: 0;
border-left: 1px solid var(--ooui-border);
}
body.wgl-theme-dark .ace_button {
border: 1px solid var(--ooui-border);
color: #e6e6e6;
}
/**********
CodeEditor (also called AceEditor) colors
Consistency between light and dark themes
**********/
body.wgl-theme-dark .ace-tm .ace_comment {
color: #b5b9c5;
}
body.wgl-theme-dark .ace-tm .ace_support.ace_function {
color: #fff;
}
body.wgl-theme-dark .ace-tm .ace_constant,
body.wgl-theme-dark .ace-tm .ace_string {
color: #ffa4a7;
}
body.wgl-theme-dark .ace-tm .ace_variable {
color: #90c8d9;
}
body.wgl-theme-dark .ace-tm .ace_support.ace_type,
body.wgl-theme-dark .ace-tm .ace_support.ace_class,
body.wgl-theme-dark .ace-tm .ace_constant.ace_language,
body.wgl-theme-dark .ace-tm .ace_constant.ace_library {
color: #1fe326;
}
body.wgl-theme-dark .ace-tm .ace_constant.ace_numeric,
body.wgl-theme-dark .ace-tm .ace_storage,
body.wgl-theme-dark .ace-tm .ace_keyword {
color: #9bbdff;
}
body.wgl-theme-dark .ace-tm .ace_keyword.ace_operator {
color: #a9a9a9;
}
body.wgl-theme-dark .ace-tm .ace_support.ace_constant {
color: #f9b77d;
}
body.wgl-theme-dark .ace-tm .ace_entity.ace_name.ace_function {
color: #28ccff;
}
body.wgl-theme-dark .ace-tm .ace_comment.ace_doc {
color: #9faad3;
}
/**********
CodeMirror (WikiEditor syntax highlighting) colors
Consistency between light and dark themes
**********/
/* Parser functions */
body.wgl-theme-dark .cm-mw-parserfunction-name,
body.wgl-theme-dark .cm-mw-parserfunction-bracket,
body.wgl-theme-dark .cm-mw-parserfunction-delimiter {
color: #ffa3a3;
}
/* Inline diff */
body.wgl-theme-dark .ve-ui-diffElement-attributeChange ins,
body.wgl-theme-dark .ve-ui-diffElement-attributeChange del,
body.wgl-theme-dark .mw-diff-inline-legend,
body.wgl-theme-dark .mw-diff-inline-added ins,
body.wgl-theme-dark .mw-diff-inline-changed ins,
body.wgl-theme-dark .mw-diff-inline-moved ins,
body.wgl-theme-dark .mw-diff-inline-deleted ins,
body.wgl-theme-dark .mw-diff-inline-added del,
body.wgl-theme-dark .mw-diff-inline-changed del,
body.wgl-theme-dark .mw-diff-inline-moved del,
body.wgl-theme-dark .mw-diff-inline-deleted del {
color: #000;
}
/* Userinfo */
body.wgl-theme-dark #mw-mf-diffview #mw-mf-userinfo {
background-color: #1e1e1e;
}
body.wgl-theme-dark #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count {
color: #fff;
}
/* Page language */
body.wgl-theme-dark .language-overlay .overlay-content,
body.wgl-theme-dark .language-info-overlay .overlay-content,
body.wgl-theme-dark .language-searcher .panel,
body.wgl-theme-dark .language-searcher .site-link-list li {
background-color: #2b2f39;
}
body.wgl-theme-dark .language-searcher .site-link-list a .autonym {
color: #fff;
}
body.wgl-theme-dark .language-searcher .site-link-list a .title {
color: #aaaaaa;
}
body.wgl-theme-dark .mw-ui-icon-mf-close-base20 {
filter: invert(100%);
}
body.wgl-theme-dark .list-header {
background-color: #2b2f39;
color: #fff;
}
/* Preferences */
body.wgl-theme-dark #preferences .mw-htmlform-submit-buttons {
background-color: #2b2f39;
}
body.wgl-theme-dark .mw-prefs-title {
color: #fff;
}
body.wgl-theme-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
background-color: #1e1e1e;
}
/* Fields on special pages */
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-disabled,
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
background-color: #1e1e1e;
}
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
color: #fff;
}
body.wgl-theme-dark .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #fff;
}
body.wgl-theme-dark .oo-ui-dropdownInputWidget option {
background-color: #1e1e1e;
}
body.wgl-theme-dark .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #fff;
}
body.wgl-theme-dark .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
color: #fff;
}
body.wgl-theme-dark .mw-widget-dateInputWidget-handle {
background-color: #1e1e1e;
}
body.wgl-theme-dark .mw-ui-input:not(:disabled) {
color: #fff;
}
body.wgl-theme-dark .smwtable-striped tbody > tr:nth-child(odd) {
background-color: #2b2f39;
}
body.wgl-theme-dark .smwtable-clean tbody > tr:nth-child(even) {
background-color: #2b2f39;
}
body.wgl-theme-dark .smw-tabs input.nav-tab:checked + label.nav-label {
color: #fff;
}
body.wgl-theme-dark .mw-contribute-tabs-content,
body.wgl-theme-dark .mw-contribute-card {
background-color: #1e1e1e;
}
body.wgl-theme-dark .mw-contribute-card-content {
color: #fff;
}
body.wgl-theme-dark .smwb-theme-light .smwb-title {
background-color: #1e1e1e;
}
body.wgl-theme-dark .smwb-theme-light .smwb-propval {
background-color: #686869;
}
body.wgl-theme-dark .smwb-theme-light .smwb-title,
body.wgl-theme-dark .smwb-theme-light .smwb-center,
body.wgl-theme-dark .smwb-theme-light .smwb-actions,
body.wgl-theme-dark .smwb-theme-light .smwb-prophead {
background-color: #1e1e1e;
}
/* Calendar */
body.wgl-theme-dark .mw-widget-dateInputWidget-calendar {
background-color: #1e1e1e;
}
body.wgl-theme-dark .mw-widget-calendarWidget-day {
color: #fff;
}
body.wgl-theme-dark .searchdigest-stats-table thead tr {
background: #222;
}
/* Notices on visual/source code editor */
body.wgl-theme-dark .oo-ui-window-body {
background: #1e1e1e;
}
body.wgl-theme-dark .oo-ui-messageDialog-message {
color: #fff;
}
body.wgl-theme-dark .oo-ui-popupToolGroup-tools {
background: #1e1e1e;
}
body.wgl-theme-dark .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link {
background: #0b0b64;
}
body.wgl-theme-dark .oo-ui-messageDialog-title {
color: #fff;
}
/* Blank page bottom (e.g. Special:TopicSubscriptions) */
body.wgl-theme-dark #mw-mf-page-center {
background-color: #1e1e1e;
}
body.wgl-theme-dark #mw-mf-diffview .mw-diff-inline-deleted del, #mw-mf-diffview .mw-diff-inline-changed del, #mw-mf-diffview .mw-diff-inline-moved del {
background-color: #9f0000;
color: #fff;
}
body.wgl-theme-dark #mw-mf-diffview .mw-diff-inline-added ins, #mw-mf-diffview .mw-diff-inline-changed ins, #mw-mf-diffview .mw-diff-inline-moved ins {
background-color: #005e20;
color: #fff;
}
/* View file licensing */
body.wgl-theme-dark .image-details {
background: #181818;
}
/* Minecraft_Wiki:Directors */
body.wgl-theme-dark .content table caption {
background: var(--content-background-color);
}
/* Special:MobileOptions */
body.wgl-theme-dark.ns-special .mw-body,
body.wgl-theme-dark.ns-special .pre-content,
body.wgl-theme-dark.ns-special .mw-body form {
background: var(--content-background-color);
}
/* Missing page notice */
body.wgl-theme-dark .drawer {
background-color: #2b2f39;
}
/* Textbox */
body.wgl-theme-dark .fp-section {
background-color: #2f2f2f;
border: 1px solid #22252d
}
/* Preferences */
body.wgl-theme-dark .oo-ui-window-head,
body.wgl-theme-dark .oo-ui-window-foot {
background-color: #2a2929;
}
body.wgl-theme-dark .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off {
background-color: #666464;
}
body.wgl-theme-dark .oo-ui-window-body.mw-mobile-pref-dialog-body .mw-htmlform-field-HTMLInfoField {
color: #b2b1b1;
}
body.wgl-theme-dark .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover,
body.wgl-theme-dark .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
background-color: #202122;
}
/* Minerva icons */
body.wgl-theme-dark .minerva-icon {
filter: invert(100%);
}
/* Special:Ask */
body.wgl-theme-dark .smw-ask-toplinks {
background-color: #2a2a2a
}
body.wgl-theme-dark .smw-icon-info {
filter: invert(100%);
}
body.wgl-theme-dark .smw-ask-button {
color: #e6e6e6;
}
body.wgl-theme-dark .smw-ask-button-lgrey {
background-color: #3d3a3a;
border-color: #252323;
}
body.wgl-theme-dark .smw-ask-button-lgrey:hover {
background-color: #312f2f;
border-color: #363636;
}
body.wgl-theme-dark .smw-ask-button-submit input {
background-color: #2f2f2f;
color: #e6e6e6;
border-color: #1f1f1f;
}
body.wgl-theme-dark .smw-ask-button-submit input:hover {
background-color: #282828;
border-color: #000000;
}
#options-toggle:not(:checked) + #options-list .options-parameter-list:after {
background-image: linear-gradient(to bottom, rgb(56 54 54 / 0%), rgb(56 54 54) 90%)
}
body.wgl-theme-dark .smw-ask-sort-input select {
background-color: #2c2c2d;
}
body.wgl-theme-dark .smw-ask-options-row-odd,
body.wgl-theme-dark .smw-ask-options-row-even {
background: #383636;
}
body.wgl-theme-dark .smw-callout-info {
background: #43494d;
}
body.wgl-theme-dark .smw-modal-header {
background-color: #2b2b2c;
}
body.wgl-theme-dark .smw-modal-content {
background-color: #343434;
}
body.wgl-theme-dark .smw-ui-pagination .page-link.link-disabled,
body.wgl-theme-dark .smw-ui-pagination .page-link {
background-color: #3c3c3c;
}
body.wgl-theme-dark .smw-modal-title {
color: #ffffff;
}
body.wgl-theme-dark .smw-icon-bookmark {
filter: invert(100%);
}
body.wgl-theme-dark .smw-debug-box {
border: 5px dotted #a98806;
background: #695f3e;
}
body.wgl-theme-dark .smw-column-header {
color: white;
}
body.wgl-theme-dark .smwpre {
background-color: #3d3d3d;
color: white;
}
body.wgl-theme-dark option {
background-color: #2c2c2d;
}
body.wgl-theme-dark legend {
color: inherit;
}
/* Special:Block */
body.wgl-theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
background-color: #313540;
}
/* Page preview */
body.wgl-theme-dark .mwe-popups,
body.wgl-theme-dark .mwe-popups .mwe-popups-container {
background: #282828 !important;
}
body.wgl-theme-dark .mwe-popups .mwe-popups-extract {
color: white !important;
}
body.wgl-theme-dark .mwe-popups .mwe-popups-extract[dir='ltr']::after {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #282828 50%) !important;
}
body.wgl-theme-dark .mwe-popups-settings-button {
filter: invert(100%)
}
/* Syntax highlight, CodeEditor */
/* https://github.com/pygments/pygments/blob/master/pygments/token.py#L123 */
body.wgl-theme-dark .ace-tm .ace_cursor,
body.wgl-theme-dark .ace-tm .ace_support.ace_function {
color: #fff;
}
body.wgl-theme-dark .ace-tm,
body.wgl-theme-dark .ace-tm .ace_gutter,
body.wgl-theme-dark .codeEditor-status,
body.wgl-theme-dark .mw-highlight pre {
background-color: #282828;
color: #fff;
}
body.wgl-theme-dark .ace-tm .ace_gutter {
border-right: 1px solid #232324;
}
body.wgl-theme-dark .ace-tm .ace_comment,
body.wgl-theme-dark .mw-highlight .c, /* comment */
body.wgl-theme-dark .mw-highlight .c1, /* single comment */
body.wgl-theme-dark .mw-highlight .cm { /* multiline comment */
color: #afafaf;
}
body.wgl-theme-dark .ace-tm .ace_keyword.ace_operator,
body.wgl-theme-dark .mw-highlight .o { /* operator */
color: #a9a9a9;
}
body.wgl-theme-dark .mw-highlight .cp { /* preproc */
color: #ea9800;
}
body.wgl-theme-dark .ace-tm .ace_storage,
body.wgl-theme-dark .ace-tm .ace_keyword,
body.wgl-theme-dark .ace-tm .ace_constant,
body.wgl-theme-dark .ace-tm .ace_constant.ace_language,
body.wgl-theme-dark .ace-tm .ace_support.ace_type,
body.wgl-theme-dark .mw-highlight .bp, /* pseudo buildin */
body.wgl-theme-dark .mw-highlight .nt, /* tag name */
body.wgl-theme-dark .mw-highlight .k, /* keyword */
body.wgl-theme-dark .mw-highlight .kr, /* reserved keyword */
body.wgl-theme-dark .mw-highlight .kd, /* declaration keyword */
body.wgl-theme-dark .mw-highlight .kp, /* pseudo keyword */
body.wgl-theme-dark .mw-highlight .kc { /* constant keyword */
color: #00cf00;
}
body.wgl-theme-dark .mw-highlight .kt { /* type keyword */
color: #ff90b8;
}
body.wgl-theme-dark .mw-highlight .nb { /* buildin name */
color: #01cd01;
}
body.wgl-theme-dark .ace-tm .ace_variable,
body.wgl-theme-dark .mw-highlight .nc { /* class name */
color: #8bb2ff;
}
body.wgl-theme-dark .mw-highlight .nd { /* decorator name */
color: #d592ff;
}
body.wgl-theme-dark .mw-highlight .nf { /* function name */
color: #AAAAFF;
}
body.wgl-theme-dark .mw-highlight .nn { /* namespace name */
color: #a0a0ff;
}
body.wgl-theme-dark .mw-highlight .nv { /* variable name */
color: #9cdcfe;
}
body.wgl-theme-dark .mw-highlight .w { /* whitespace */
color: #bbbbbb;
}
body.wgl-theme-dark .mw-highlight .mi, /* integer number */
body.wgl-theme-dark .mw-highlight .mf { /* float number */
color: #b2b2b2;
}
body.wgl-theme-dark .ace-tm .ace_constant.ace_numeric,
body.wgl-theme-dark .mw-highlight .mh { /* hex number */
color: #a9a9a9;
}
body.wgl-theme-dark .ace-tm .ace_string,
body.wgl-theme-dark .mw-highlight .s, /* string */
body.wgl-theme-dark .mw-highlight .s1, /* single string */
body.wgl-theme-dark .mw-highlight .s2 { /* double string */
color: #ff8b8b;
}
body.wgl-theme-dark .mw-highlight .ow { /* operator word */
color: #bc52ff;
}
body.wgl-theme-dark .mw-highlight .hll { /* highlighted line */
background-color: #330;
}
body.wgl-theme-dark .mw-highlight a:hover .linenos, /* hovered line number */
body.wgl-theme-dark .mw-highlight .hll a .linenos { /* highlighted line number */
color: #ccc;
}
/* Code editor highlight */
body.wgl-theme-dark .ace_marker-layer .ace_selected-word {
background: #333;
border-color: #666;
}
body.wgl-theme-dark .ace-tm .ace_marker-layer .ace_selection {
background: #246;
}
/* Scribunto debug console */
body.wgl-theme-dark .mw-scribunto-console-fieldset {
background: var(--archive-box-background-color);
color: var(--content-text-color);
}
body.wgl-theme-dark #mw-scribunto-input {
background: var(--base-background-color);
color: #88f;
}
body.wgl-theme-dark .mw-scribunto-input {
color: #88f;
}
body.wgl-theme-dark .mw-scribunto-normalOutput {
color: var(--content-text-color);
background: var(--archive-box-background-color);
}
body.wgl-theme-dark .mw-scribunto-print {
color: #da8;
background: var(--archive-box-background-color);
}
body.wgl-theme-dark .mw-scribunto-error {
color: #f88;
background: var(--archive-box-background-color)
}
body.wgl-theme-dark .mw-scribunto-propList {
color: #8f8;
background: var(--archive-box-background-color)
}
body.wgl-theme-dark .mw-scribunto-message {
color: #8f8;
background: var(--archive-box-background-color)
}
body.wgl-theme-dark .mw-scribunto-tabcomplete {
color: #f8f;
background: var(--archive-box-background-color)
}
body.wgl-theme-dark .mw-scribunto-clear {
color: #f88;
border-bottom-color: #f88
}
body.wgl-theme-dark .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend {
background-color: #373f50;
}
body.wgl-theme-dark .mw-prefs-search-highlight,
body.wgl-theme-dark .mw-prefs-tabs:not(.mw-prefs-tabs-searching) .oo-ui-fieldsetLayout:target > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: #0b1e39 !important;
outline: 3px solid #0b1e39 !important;
}
body.wgl-theme-dark .smw-column-header {
color: #fff;
}
body.wgl-theme-dark .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background: #292929;
}
/* Userbox
body.wgl-theme-dark table.mcw-userbox {
background-color: #181818;
}
body.wgl-theme-dark table.mcw-userbox td:nth-child(2) {
color: #f8f9fa;
}
body.wgl-theme-dark element.style {
background: #181818;
color: #f8f9fa;
} */