891
pakeitimas
MediaWiki:Minerva.css: Skirtumas tarp puslapio versijų
Pereiti į navigaciją
Jump to search
S
nėra keitimo aprašymo
(Naujas puslapis: →All CSS here will be loaded for users of the MinervaNeue skin: →<pre>: body { font-family: system-ui, -apple-system, Roboto, Helvetica, sans-serif; } @media all and (max-width: 320px) { body { font-size: 0.9em; } } .content { line-height: 1.7; } .pre-content h1, .content h1, .content h2 { font-weight: bold; } body { background: var(--body-background-color); color: var(--text-color); } select { color: var(--text-color)...) |
SNėra keitimo santraukos |
||
| (nerodomos 5 tarpinės versijos, sukurtos to paties naudotojo) | |||
| 1 eilutė: | 1 eilutė: | ||
/* All CSS here will be loaded for users of the MinervaNeue skin */ | /* 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 */ | |||
background: var(-- | .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 { | |||
color: | 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 */ | ||
.content . | .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 code, | ||
.content pre { | .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; | |||
.action-edit . | |||
. | |||
} | } | ||
.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- | 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 | @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- | 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: | 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 { | ||
color: | background-color: #FFF; | ||
} | } | ||
.mw- | 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, | ||
color: | 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, | ||
color: | 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, | ||
background: | 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 */ | ||
background-color: | .wgl-theme-dark #mw-mf-page-left { | ||
background-color: #484848; | |||
} | } | ||
. | .wgl-theme-dark #mw-mf-page-left ul li { | ||
border- | background-color: #383838; | ||
border-top-color: #484848; | |||
} | } | ||
.wgl-theme-dark #mw-mf-page-left ul li a { | |||
ul | color: var(--content-text-color); | ||
} | } | ||
.page- | .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; | ||
color: | |||
} | } | ||
. | body.wgl-theme-dark .search-box .search { | ||
border-color: #6f6f6f; | |||
. | |||
color: | |||
} | } | ||
.mw- | body.wgl-theme-dark .search::-webkit-input-placeholder, | ||
color: | 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- | 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(-- | 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; | |||
background | |||
} | } | ||
. | body.wgl-theme-dark #mw-mf-diffview .mw-diff-inline-moved { | ||
background: #b86e14; | |||
} | } | ||
. | body.wgl-theme-dark .mw-warning-with-logexcerpt, | ||
color: | 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 | background-color: #333; | ||
border: 1px solid #6f6f6f; | |||
border | |||
} | } | ||
. | .wgl-theme-dark .mw-rcfilters-ui-filterMenuSectionOptionWidget { | ||
color: | 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: | 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) */ | ||
background-color: | 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 { | |||
.mw- | 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: | 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; | |||
} | } */ | ||