890
pakeitimų
SNėra keitimo santraukos |
Nėra keitimo santraukos |
||
| 1 807 eilutė: | 1 807 eilutė: | ||
border-color: #00bb35; | border-color: #00bb35; | ||
margin-left: 6px; | margin-left: 6px; | ||
} | |||
/* All CSS here will be loaded for users of the dark Vector skin */ | |||
/** | |||
* See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates. | |||
* | |||
* See [[MediaWiki:Vector.css]] for desktop theme related styles. | |||
* | |||
* See [[MediaWiki:Minerva.css]] for mobile theme related styles. | |||
* See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles. | |||
*/ | |||
html:has(body.wgl-theme-dark) { | |||
color-scheme: dark; | |||
} | |||
/* Default styles: | |||
* [[File:Dark-background.png]] [[File:Dark-header-background.png]] | |||
* [[File:Dark-vector-tabs.png]] [[File:Dark-vector-tabs-first.png]] | |||
* [[File:Dark-background-HiDPI.png]] [[File:Dark-header-background-HiDPI.png]] | |||
* [[File:Dark-vector-tabs-HiDPI.png]] [[File:Dark-vector-tabs-first-HiDPI.png]] | |||
*/ | |||
body.wgl-theme-dark { | |||
--base-background: url('filepath://Dark-background.png'); | |||
--header-background: url('filepath://Dark-header-background.png'); | |||
--vector-tabs: url('filepath://Dark-vector-tabs.png'); | |||
--vector-tabs-first: url('filepath://Dark-vector-tabs-first.png'); | |||
--base-background-hidpi: url('filepath://Dark-background-HiDPI.png'); | |||
--header-background-hidpi: url('filepath://Dark-header-background-HiDPI.png'); | |||
--vector-tabs-hidpi: url('filepath://Dark-vector-tabs-HiDPI.png'); | |||
--vector-tabs-first-hidpi: url('filepath://Dark-vector-tabs-first-HiDPI.png'); | |||
--list-bullet: url('filepath://List_bullet_dark.svg'); | |||
--content-text-color: #e6e6e6; | |||
--content-secondary-text-color: #aaaaaa; | |||
--base-background-color: #13191c; | |||
--content-background-color: #2b2f39; | |||
--content-border-top-color: #1f2528; | |||
--content-border-top-right-color: #4e362b; | |||
--simplesearch-top-border-color: #959595; | |||
--simplesearch-left-border-color: #6f6f6f; | |||
--simplesearch-topright-grass-color: #0e6a3b; | |||
--searchinput-placeholder-color: #bfc1c5; | |||
--archive-box-background-color: #282828; | |||
--archive-box-border-color: #444; | |||
--table-header-color: #222; | |||
--table-border-color: #444; | |||
--smw-border-hover: #a2a9b1; | |||
--smw-table-hover: #313848; | |||
} | |||
/* Dungeons styles: | |||
* [[File:Dark-header-background-dungeons.png]] | |||
* [[File:Dark-vector-tabs-dungeons.png]] [[File:Dark-vector-tabs-first-dungeons.png]] | |||
* [[File:Dark-header-background-dungeons-HiDPI.png]] [[File:Dark-vector-tabs-dungeons-HiDPI.png]] | |||
* [[File:Dark-vector-tabs-first-dungeons-HiDPI.png]] | |||
*/ | |||
body.wgl-theme-dark.rootpage-Minecraft_Dungeons, | |||
body.wgl-theme-dark.rootpage-Talk_Minecraft_Dungeons, | |||
body.wgl-theme-dark.ns-10000, | |||
body.wgl-theme-dark.ns-10001 { | |||
/* Overwrite theme gadget styles */ | |||
--base-background: url('filepath://Dark-background.png'); | |||
--base-background-hidpi: url('filepath://Dark-background-HiDPI.png'); | |||
--header-background: url('filepath://Dark-header-background-dungeons.png'); | |||
--vector-tabs: url('filepath://Dark-vector-tabs-dungeons.png'); | |||
--vector-tabs-first: url('filepath://Dark-vector-tabs-first-dungeons.png'); | |||
--header-background-hidpi: url('filepath://Dark-header-background-dungeons-HiDPI.png'); | |||
--vector-tabs-hidpi: url('filepath://Dark-vector-tabs-dungeons-HiDPI.png'); | |||
--vector-tabs-first-hidpi: url('filepath://Dark-vector-tabs-first-dungeons-HiDPI.png'); | |||
--content-background-color: #433d3d; | |||
--content-border-top-color: #201c10; | |||
--content-border-top-right-color: #303d46; | |||
--simplesearch-topright-grass-color: #8b4322; | |||
} | |||
/* Earth styles: | |||
* [[File:Dark-header-background-earth.png]] | |||
* [[File:Dark-vector-tabs-earth.png]] [[File:Dark-vector-tabs-first-earth.png]] | |||
* [[File:Dark-header-background-earth-HiDPI.png]] [[File:Dark-vector-tabs-earth-HiDPI.png]] | |||
* [[File:Dark-vector-tabs-first-earth-HiDPI.png]] | |||
*/ | |||
body.wgl-theme-dark.rootpage-Minecraft_Earth, | |||
body.wgl-theme-dark.rootpage-Talk_Minecraft_Earth, | |||
body.wgl-theme-dark.ns-10002, | |||
body.wgl-theme-dark.ns-10003 { | |||
/* Overwrite theme gadget styles */ | |||
--base-background: url('filepath://Dark-background.png'); | |||
--base-background-hidpi: url('filepath://Dark-background-HiDPI.png'); | |||
--header-background: url('filepath://Dark-header-background-earth.png'); | |||
--vector-tabs: url('filepath://Dark-vector-tabs-earth.png'); | |||
--vector-tabs-first: url('filepath://Dark-vector-tabs-first-earth.png'); | |||
--header-background-hidpi: url('filepath://Dark-header-background-earth-HiDPI.png'); | |||
--vector-tabs-hidpi: url('filepath://Dark-vector-tabs-earth-HiDPI.png'); | |||
--vector-tabs-first-hidpi: url('filepath://Dark-vector-tabs-first-earth-HiDPI.png'); | |||
--content-background-color: #252b3c; | |||
--content-border-top-color: #182028; | |||
--content-border-top-right-color: #25404b; | |||
--simplesearch-topright-grass-color: #0b7940; | |||
} | |||
/* Legends styles: | |||
* [[File:Dark-header-background-legends.png]] | |||
* [[File:Dark-vector-tabs-legends.png]] [[File:Dark-vector-tabs-first-legends.png]] | |||
* [[File:Dark-header-background-legends-HiDPI.png]] [[File:Dark-vector-tabs-legends-HiDPI.png]] | |||
* [[File:Dark-vector-tabs-first-legends-HiDPI.png]] | |||
*/ | |||
body.wgl-theme-dark.rootpage-Minecraft_Legends, | |||
body.wgl-theme-dark.rootpage-Talk_Minecraft_Legends, | |||
body.wgl-theme-dark.ns-10006, | |||
body.wgl-theme-dark.ns-10007 { | |||
/* Overwrite theme gadget styles */ | |||
--base-background: url('filepath://Dark-background.png'); | |||
--base-background-hidpi: url('filepath://Dark-background-HiDPI.png'); | |||
--header-background: url('filepath://Dark-header-background-legends.png'); | |||
--vector-tabs: url('filepath://Dark-vector-tabs-legends.png'); | |||
--vector-tabs-first: url('filepath://Dark-vector-tabs-first-legends.png'); | |||
--header-background-hidpi: url('filepath://Dark-header-background-legends-HiDPI.png'); | |||
--vector-tabs-hidpi: url('filepath://Dark-vector-tabs-legends-HiDPI.png'); | |||
--vector-tabs-first-hidpi: url('filepath://Dark-vector-tabs-first-legends-HiDPI.png'); | |||
--content-background-color: #293344; | |||
--content-border-top-color: #202426; | |||
--content-border-top-right-color: #21334e; | |||
--simplesearch-topright-grass-color: #006c60; | |||
} | |||
/* Story Mode styles: | |||
* [[File:Dark-header-background-storymode.png]] | |||
* [[File:Dark-vector-tabs-storymode.png]] [[File:Dark-vector-tabs-first-storymode.png]] | |||
* [[File:Dark-header-background-storymode-HiDPI.png]] [[File:Dark-vector-tabs-storymode-HiDPI.png]] | |||
* [[File:Dark-vector-tabs-first-storymode-HiDPI.png]] | |||
*/ | |||
body.wgl-theme-dark.rootpage-Minecraft_Story_Mode, | |||
body.wgl-theme-dark.rootpage-Talk_Minecraft_Story_Mode, | |||
body.wgl-theme-dark.rootpage-Minecraft_Story_Mode_-_Season_Two, | |||
body.wgl-theme-dark.rootpage-Talk_Minecraft_Story_Mode_-_Season_Two, | |||
body.wgl-theme-dark.ns-10004, | |||
body.wgl-theme-dark.ns-10005 { | |||
/* Overwrite theme gadget styles */ | |||
--base-background: url('filepath://Dark-background.png'); | |||
--base-background-hidpi: url('filepath://Dark-background-HiDPI.png'); | |||
--header-background: url('filepath://Dark-header-background-storymode.png'); | |||
--vector-tabs: url('filepath://Dark-vector-tabs-storymode.png'); | |||
--vector-tabs-first: url('filepath://Dark-vector-tabs-first-storymode.png'); | |||
--header-background-hidpi: url('filepath://Dark-header-background-storymode-HiDPI.png'); | |||
--vector-tabs-hidpi: url('filepath://Dark-vector-tabs-storymode-HiDPI.png'); | |||
--vector-tabs-first-hidpi: url('filepath://Dark-vector-tabs-first-storymode-HiDPI.png'); | |||
--content-background-color: #39342c; | |||
--content-border-top-color: #2d2411; | |||
--content-border-top-right-color: #302441; | |||
--simplesearch-topright-grass-color: #967735; | |||
} | |||
/* Movie styles: | |||
* [[File:Dark-background-movie.png]] [[File:Dark-background-movie-HiDPI.png]] | |||
* [[File:Dark-header-background-movie.png]] | |||
* [[File:Dark-vector-tabs-movie.png]] [[File:Dark-vector-tabs-first-movie.png]] | |||
* [[File:Dark-header-background-movie-HiDPI.png]] [[File:Dark-vector-tabs-movie-HiDPI.png]] | |||
* [[File:Dark-vector-tabs-first-movie-HiDPI.png]] | |||
*/ | |||
body.wgl-theme-dark.rootpage-A_Minecraft_Movie, | |||
body.wgl-theme-dark.rootpage-Talk_A_Minecraft_Movie, | |||
body.wgl-theme-dark.ns-10012, | |||
body.wgl-theme-dark.ns-10013 { | |||
--base-background: url('filepath://Dark-background-movie.png'); | |||
--base-background-hidpi: url('filepath://Dark-background-movie-HiDPI.png'); | |||
--header-background: url('filepath://Dark-header-background-movie.png'); | |||
--vector-tabs: url('filepath://Dark-vector-tabs-movie.png'); | |||
--vector-tabs-first: url('filepath://Dark-vector-tabs-first-movie.png'); | |||
--header-background-hidpi: url('filepath://Dark-header-background-movie-HiDPI.png'); | |||
--vector-tabs-hidpi: url('filepath://Dark-vector-tabs-movie-HiDPI.png'); | |||
--vector-tabs-first-hidpi: url('filepath://Dark-vector-tabs-first-movie-HiDPI.png'); | |||
--content-background-color: #36322E; | |||
--content-border-top-color: #2A2724; | |||
} | |||
/* [[File:HelpNotice.svg]] */ | |||
body.wgl-theme-dark #mw-indicator-mw-helplink a { | |||
background-image: url('filepath://HelpNotice.svg'); | |||
} | |||
.mw-message-box, | |||
.mw-body, | |||
h1, h2, h3, h4, h5, h6, | |||
.mw-ui-input, | |||
.search-types .current a { | |||
color: var(--content-text-color); | |||
} | |||
body.wgl-theme-dark #mw-content-subtitle, | |||
body.wgl-theme-dark #contentSub, | |||
body.wgl-theme-dark #contentSub2, | |||
body.wgl-theme-dark .results-info, | |||
body.wgl-theme-dark .mw-search-result-data, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group .label { | |||
color: #9f9f9f; | |||
} | |||
/* FP */ | |||
body.wgl-theme-dark .fp-section { | |||
background-color: #2f2f2f; | |||
border-color: #202125; | |||
} | |||
body.wgl-theme-dark .mcwiki-header { | |||
border-color: #202125; | |||
} | |||
body.wgl-theme-dark .mcwiki-header a { | |||
color: #0645ad; | |||
} | |||
body.wgl-theme-dark .mcwiki-header a:visited { | |||
color: #0b0080; | |||
} | |||
/* Discord widget */ | |||
body.wgl-theme-dark .discord-widget-dark { | |||
color-scheme: auto; | |||
} | |||
/* <blockquote> */ | |||
.vector-body blockquote { | |||
border-left-color: var(--infobox-header-background-color); | |||
} | |||
/* Recent Changes */ | |||
body.wgl-theme-dark label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement-label.oo-ui-labelWidget.oo-ui-labelElement { | |||
color: #fff; | |||
} | |||
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 .mw-ui-input { | |||
background-color: inherit; | |||
color: inherit; | |||
} | |||
body.wgl-theme-dark .mw-ui-button, | |||
body.wgl-theme-dark .cdx-button { | |||
background-color: #373f50; | |||
color: #f8f9fa; | |||
} | |||
body.wgl-theme-dark .mw-ui-button:visited { | |||
color: #d8d9da; | |||
} | |||
body.wgl-theme-dark .mw-plusminus-neg { | |||
color: #ffa1b3; | |||
} | |||
body.wgl-theme-dark .mw-plusminus-pos { | |||
color: #00e04c; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #c2d1f066 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #b3e7dc66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #fff0c266 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #ffd3bd66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #f5c2c266 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #8cc5d566 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #ccdecc66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #ccb4bb66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #c4a6bf66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #bfdeaf66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #bfc7aa66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #b7b8af66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #ffce9566 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #f7bf9966 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #f7a89566 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #94bda866 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #8c99a866 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #94a7a466 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #d0ad9066 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #c8a09466 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #c88a9066 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #c4be8066 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #bcb18466 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #bc9a8066 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #f7a16c66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #b5ae8b66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #aea18f66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #ae8d8b66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #d2917f66 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #c89f7366 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child, | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { | |||
background-color: #b2887466 | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { | |||
background-color: #dee0e366 | |||
} | |||
.wgl-theme-dark .autocomment, | |||
.wgl-theme-dark .autocomment a, | |||
.wgl-theme-dark .autocomment a:visited { | |||
color: #a1a8b1; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { | |||
color: #9dafc4; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-itemMenuOptionWidget-label-title { | |||
color: #c8cbcf; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { | |||
border-bottom: 1px solid #505154; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { | |||
border-top: 4px solid #505154; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-filterMenuHeaderWidget-header { | |||
border-bottom: 1px solid #76797d; | |||
background-color: #4e4f50; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-filterMenuHeaderWidget-title { | |||
color: #ffffff; | |||
} | |||
.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-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-itemMenuOptionWidget-label-desc { | |||
color: #a1a8ae; | |||
} | |||
.wgl-theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | |||
color: #e2e6e9; | |||
} | |||
/* Links */ | |||
body.wgl-theme-dark .mw-collapsible-text, | |||
:where(body.wgl-theme-dark) .toctogglelabel, | |||
:where(body.wgl-theme-dark) .jslink, | |||
:where(body.wgl-theme-dark) .vector-menu-dropdown .mw-list-item a, | |||
:where(body.wgl-theme-dark) .mw-body a.external, | |||
:where(body.wgl-theme-dark) .mw-body a.extiw, | |||
:where(body.wgl-theme-dark) a { | |||
color: #90c0fe; | |||
} | |||
:where(body.wgl-theme-dark) .ext-discussiontools-init-replylink-reply:visited, | |||
:where(body.wgl-theme-dark) .ext-discussiontools-init-section-subscribe-link:visited, | |||
:where(body.wgl-theme-dark) .mw-body a.external:visited, | |||
:where(body.wgl-theme-dark) .mw-body a.extiw:visited, | |||
:where(body.wgl-theme-dark) a:visited { | |||
color: #9495f4; | |||
} | |||
:where(body.wgl-theme-dark) a.new, | |||
:where(body.wgl-theme-dark) a.mw-usertoollinks-contribs-no-edits { | |||
color: #ffa4a4; | |||
} | |||
:where(body.wgl-theme-dark) a.new:visited, | |||
:where(body.wgl-theme-dark) a.mw-usertoollinks-contribs-no-edits:visited { | |||
color: #fb7a7a; | |||
} | |||
:where(body.wgl-theme-dark) .mw-body a.external:hover, | |||
:where(body.wgl-theme-dark) .mw-body a.extiw:hover, | |||
:where(body.wgl-theme-dark) a:hover { | |||
color: #7e8eff; | |||
} | |||
:where(body.wgl-theme-dark) a.new:hover, | |||
:where(body.wgl-theme-dark) a.mw-usertoollinks-contribs-no-edits:hover { | |||
color: #ff8484; | |||
} | |||
:where(body.wgl-theme-dark) .mw-body a.external:active, | |||
:where(body.wgl-theme-dark) .mw-body a.extiw:active, | |||
:where(body.wgl-theme-dark) a.new:active, | |||
:where(body.wgl-theme-dark) a.mw-usertoollinks-contribs-no-edits:active, | |||
:where(body.wgl-theme-dark) a:active { | |||
color: #faa700; | |||
} | |||
/* [[File:Link-external-small-ltr-progressive.svg]] */ | |||
:where(body.wgl-theme-dark) .mw-parser-output a.external { | |||
background-image: url('filepath://Link-external-small-ltr-progressive.svg'); | |||
} | |||
:where(body.wgl-theme-dark) .ext-discussiontools-init-replylink-buttons.ext-discussiontools-init-replylink-active > .ext-discussiontools-init-replylink-reply, | |||
body a.mw-selflink:hover { | |||
color: inherit; | |||
} | |||
/* 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 { | |||
background-color: #2f2f2f; | |||
} | |||
body.wgl-theme-dark #mw-allmessagestable tbody:hover td, | |||
body.wgl-theme-dark .mw-datatable tr:hover td { | |||
background-color: #222; | |||
} | |||
/* [[File:Sort_both.svg]], [[File:Sort_down.svg]], [[File:Sort_up.svg]] */ | |||
body.wgl-theme-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), | |||
body.wgl-theme-dark .jquery-tablesorter th.headerSort { | |||
background-image: url('filepath://Sort_both.svg'); | |||
} | |||
body.wgl-theme-dark .jquery-tablesorter th.headerSortDown { | |||
background-image: url('filepath://Sort_down.svg'); | |||
} | |||
body.wgl-theme-dark .jquery-tablesorter th.headerSortUp { | |||
background-image: url('filepath://Sort_up.svg'); | |||
} | |||
body.wgl-theme-dark .mw-json tr, | |||
body.wgl-theme-dark .mw-json td { | |||
background-color: var(--content-background-color); | |||
} | |||
body.wgl-theme-dark td.mw-json-value, | |||
body.wgl-theme-dark td.mw-json-single-value { | |||
background-color: var(--ooui-enabled); | |||
} | |||
body.wgl-theme-dark .mw-json th { | |||
background-color: #26282d; | |||
} | |||
/* 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; | |||
} | |||
} | |||
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: none; | |||
} | |||
/* Miscellaneous */ | |||
body.wgl-theme-dark .notaninfobox, | |||
body.wgl-theme-dark .gallerybox .thumb, | |||
body.wgl-theme-dark .thumbimage, | |||
body.wgl-theme-dark figure[typeof~='mw:File/Thumb'], | |||
body.wgl-theme-dark figure[typeof~='mw:File/Thumb'] > figcaption, | |||
body.wgl-theme-dark figure[typeof~='mw:File/Frame'], | |||
body.wgl-theme-dark figure[typeof~='mw:File/Frame'] > figcaption, | |||
body.wgl-theme-dark .thumbinner, | |||
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 #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; | |||
} | |||
body.wgl-theme-dark .mwe-popups, | |||
body.wgl-theme-dark .mwe-popups-container, | |||
body.wgl-theme-dark .mwe-popups .mwe-popups-extract { | |||
color: #fff; | |||
background-color: #282828; | |||
} | |||
body.wgl-theme-dark .mwe-popups .mwe-popups-extract[dir='ltr']:after { | |||
display: none; | |||
} | |||
body.wgl-theme-dark #mw-content-text .hlist li:not(:last-child)::after { | |||
background-color: #fff; | |||
} | |||
body.wgl-theme-dark .tocnumber { | |||
color: #E0E0EC; | |||
} | |||
body.wgl-theme-dark #pagehistory li.selected { | |||
background-color: #444; | |||
color: #e6e6e6; | |||
} | |||
body.wgl-theme-dark #pagehistory .updatedmarker { | |||
background-color: #608000; | |||
color: white; | |||
} | |||
/* smw cache warning on category pages */ | |||
body.wgl-theme-dark .smw-callout-warning { | |||
background-color: hsl(60,25%,8%); | |||
border-left-color: hsl(60,15%,36%); | |||
} | |||
/* error message box in Special:BatchUpload */ | |||
body.wgl-theme-dark .fileupload-results .ful-error { | |||
background-color: maroon; | |||
} | |||
/* 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; | |||
} | |||
/* Diff overview */ | |||
body.wgl-theme-dark td.diff-context { | |||
background-color: #232324; | |||
border-color: #313233; | |||
color: #BFBFBF; | |||
} | |||
body.wgl-theme-dark td.diff-addedline { | |||
background-color: #494a4b; | |||
border-color: #686869; | |||
border-left-color: #005e20; | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark td.diff-deletedline { | |||
background-color: #494a4b; | |||
border-color: #686869; | |||
border-left-color: #9f0000; | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark .diff-addedline .diffchange { | |||
background-color: #005e20; | |||
} | |||
body.wgl-theme-dark .diff-deletedline .diffchange { | |||
background-color: #9f0000; | |||
} | |||
/* Revision slider */ | |||
body.wgl-theme-dark .mw-revslider-pointer-line .mw-revslider-lower-color { | |||
border-color: #ffa1a1; | |||
} | |||
body.wgl-theme-dark .mw-revslider-pointer-line .mw-revslider-upper-color { | |||
border-color: #00e04c; | |||
} | |||
body.wgl-theme-dark .mw-revslider-pointer-container-older .mw-revslider-slider-line { | |||
border-color: rgba(255, 161, 161, 0.5) | |||
} | |||
body.wgl-theme-dark .mw-revslider-pointer-container-older:hover .mw-revslider-slider-line { | |||
border-color: rgba(255, 161, 161, 0.8) | |||
} | |||
body.wgl-theme-dark .mw-revslider-pointer-container-newer .mw-revslider-slider-line { | |||
border-color: rgba(0, 224, 76, 0.5) | |||
} | |||
body.wgl-theme-dark .mw-revslider-pointer-container-newer:hover .mw-revslider-slider-line { | |||
border-color: rgba(0, 224, 76, 0.8) | |||
} | |||
body.wgl-theme-dark .mw-revslider-pointer.mw-revslider-pointer-newer { | |||
border-color: #00e04c; | |||
background-color: #00e04c; | |||
background-image: linear-gradient(to bottom,#76ffa5 0,#00e04c 100%); | |||
} | |||
body.wgl-theme-dark .mw-revslider-pointer.mw-revslider-pointer-older { | |||
border-color: #ffa1a1; | |||
background-color: #ffa1a1; | |||
background-image: linear-gradient(to bottom,#ffdada 0,#ffa1a1 100%); | |||
} | |||
/* CodeMirror */ | |||
body.wgl-theme-dark .CodeMirror { | |||
background-color: #1e1e1e; | |||
color: #fff; | |||
} | |||
/* CodeMirror selection */ | |||
.wgl-theme-dark .CodeMirror-line::selection, | |||
.wgl-theme-dark .CodeMirror-line > span::selection, | |||
.wgl-theme-dark .CodeMirror-line > span > span::selection { | |||
background: #246; | |||
} | |||
/* CodeMirror comments */ | |||
body.wgl-theme-dark .cm-mw-comment { | |||
color: #afafaf; | |||
} | |||
/* CodeMirror links */ | |||
body.wgl-theme-dark .cm-mw-link-pagename, | |||
body.wgl-theme-dark .cm-mw-link-bracket, | |||
body.wgl-theme-dark .cm-mw-link-delimiter, | |||
body.wgl-theme-dark .cm-mw-extlink, | |||
body.wgl-theme-dark .cm-mw-free-extlink, | |||
body.wgl-theme-dark .cm-mw-extlink-protocol, | |||
body.wgl-theme-dark .cm-mw-free-extlink-protocol, | |||
body.wgl-theme-dark .cm-mw-extlink-bracket { | |||
color: #8bb2ff; | |||
} | |||
/* CodeMirror Parser function */ | |||
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: #ffa0a0; | |||
} | |||
/* CodeMirror table color */ | |||
body.wgl-theme-dark .cm-mw-table-bracket, | |||
body.wgl-theme-dark .cm-mw-table-delimiter, | |||
body.wgl-theme-dark .cm-mw-table-definition { | |||
color: #ff40af; | |||
} | |||
/* CodeMirror template color */ | |||
body.wgl-theme-dark .cm-mw-template, | |||
body.wgl-theme-dark .cm-mw-template-name, | |||
body.wgl-theme-dark .cm-mw-template-argument-name, | |||
body.wgl-theme-dark .cm-mw-template-delimiter, | |||
body.wgl-theme-dark .cm-mw-template-bracket { | |||
color: #c44eff; | |||
} | |||
/* CodeMirror template variable variable */ | |||
body.wgl-theme-dark .cm-mw-templatevariable, | |||
body.wgl-theme-dark .cm-mw-templatevariable-bracket, | |||
body.wgl-theme-dark .cm-mw-templatevariable-name, | |||
body.wgl-theme-dark .cm-mw-templatevariable-delimiter { | |||
color: #ffa826; | |||
} | |||
/* CodeMirror wikitext formatting */ | |||
body.wgl-theme-dark .cm-mw-list, | |||
body.wgl-theme-dark .cm-mw-indenting, | |||
body.wgl-theme-dark .cm-mw-doubleUnderscore, | |||
body.wgl-theme-dark .cm-mw-signature, | |||
body.wgl-theme-dark .cm-mw-hr, | |||
body.wgl-theme-dark .cm-mw-apostrophes-bold, | |||
body.wgl-theme-dark .cm-mw-apostrophes-italic, | |||
body.wgl-theme-dark .cm-mw-link, | |||
body.wgl-theme-dark .cm-mw-link-tosection, | |||
body.wgl-theme-dark .cm-mw-section-header { | |||
color: #57b1ff; | |||
} | |||
/* CodeMirror xml tag */ | |||
body.wgl-theme-dark .cm-mw-mnemonic, | |||
body.wgl-theme-dark .cm-mw-exttag-name, | |||
body.wgl-theme-dark .cm-mw-htmltag-name, | |||
body.wgl-theme-dark .cm-mw-exttag-bracket, | |||
body.wgl-theme-dark .cm-mw-exttag-attribute, | |||
body.wgl-theme-dark .cm-mw-htmltag-bracket, | |||
body.wgl-theme-dark .cm-mw-htmltag-attribute { | |||
color: #00cf00; | |||
} | |||
/* Tabs */ | |||
body.wgl-theme-dark #p-namespaces a, | |||
body.wgl-theme-dark #p-views a, | |||
body.wgl-theme-dark #p-sharing span, | |||
body.wgl-theme-dark #p-cactions-label span, | |||
body.wgl-theme-dark div#mw-head div.vectorMenu h4 { | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark #p-namespaces .new a, | |||
body.wgl-theme-dark #p-views .new a { | |||
color: #ffa4a4; | |||
} | |||
/* Invert dark icons */ | |||
body.wgl-theme-dark .magnify a, | |||
body.wgl-theme-dark .ve-ce-mwBlockImageNode-type-thumb > a::after, /* visual editor thumbnail magnify */ | |||
body.wgl-theme-dark .mwe-popups-settings-icon, | |||
body.wgl-theme-dark .vector-menu-dropdown .vector-menu-heading:after, | |||
body.wgl-theme-dark #footer-icons, | |||
body.wgl-theme-dark .mw-icon-arrow-collapsed :not(p), | |||
body.wgl-theme-dark .mw-collapsible-arrow.mw-collapsible-toggle-collapsed, | |||
body.wgl-theme-dark .mw-mmv-filepage-buttons .mw-ui-icon:before, | |||
body.wgl-theme-dark .redirectText li:first-child, /* redirect icon; inverts the text next to the icon as well */ | |||
body.wgl-theme-dark .redirectText li:first-child > a, /* invert text next to the redirect icon back */ | |||
body.wgl-theme-dark .darkmode-invert { | |||
filter: invert(1); | |||
} | |||
/* 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-color); | |||
} | |||
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | |||
background-color: unset; | |||
color: #d9d9d9; | |||
} | |||
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-color); | |||
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-dropdownInputWidget.oo-ui-widget-enabled select { | |||
color: #d0d1d2; | |||
} | |||
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { | |||
color: #f0f2f4; | |||
} | |||
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled option, | |||
body.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-enabled optgroup { | |||
color: black; | |||
} | |||
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(1); | |||
} | |||
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 .tdg-templateDataParamWidget-param-description { | |||
color: #bdbdbd; | |||
} | |||
body.wgl-theme-dark .mw-message-box-warning, | |||
body.wgl-theme-dark .warningbox, | |||
body.wgl-theme-dark .usermessage { | |||
background-color: #2b2f09; | |||
border-color: #fc3; | |||
} | |||
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 .wikiEditor-ui, | |||
body.wgl-theme-dark .CodeMirror-gutters { | |||
background-color: #282828; | |||
} | |||
body.wgl-theme-dark .CodeMirror-gutters { | |||
border-color: #464646; | |||
} | |||
body.wgl-theme-dark .wikiEditor-ui .wikiEditor-ui-view, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .sections .section, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .section-secondary .group, | |||
body.wgl-theme-dark .wikiEditor-ui .wikiEditor-ui-top, | |||
body.wgl-theme-dark .codeEditor-status-message, | |||
body.wgl-theme-dark .ace_print-margin { | |||
border-color: #6f6f6f; | |||
} | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .sections .section { | |||
background-image: none; | |||
background-color: inherit; | |||
} | |||
body.wgl-theme-dark .tool-button.tool-active, | |||
body.wgl-theme-dark .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { | |||
background-color: inherit; | |||
} | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .tabs span.tab a.current, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | |||
color: inherit; | |||
} | |||
body.wgl-theme-dark .editOptions { | |||
background-color: #282828; | |||
border-color: #1f2528; | |||
color: #ccc; | |||
} | |||
body.wgl-theme-dark div#editpage-specialchars a { | |||
background-color: #000000; | |||
border-color: #1f2528; | |||
} | |||
body.wgl-theme-dark .mw-editform-legacy input#wpSummary { | |||
background-color: #000000; | |||
color: #90ff90; | |||
} | |||
/* Search */ | |||
body.wgl-theme-dark #simpleSearch { | |||
background: #5e5e5e; | |||
background-image: unset; | |||
} | |||
body.wgl-theme-dark #searchInput { | |||
background: none; | |||
color: #fff; | |||
} | |||
/* Search */ | |||
body.wgl-theme-dark #p-search #searchform .cdx-search-input__input-wrapper { | |||
background: #5e5e5e; | |||
background-image: unset; | |||
} | |||
body.wgl-theme-dark #p-search #searchform .cdx-text-input__input { | |||
background: none; | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark #p-search #searchform .cdx-search-input__end-button { | |||
filter: invert(1); | |||
} | |||
body.wgl-theme-dark .mw-search-profile-tabs, | |||
body.wgl-theme-dark #mw-searchoptions { | |||
background-color: #282828; | |||
border-color: #1f2528; | |||
color: #ccc; | |||
} | |||
/* The suggestions shown under the search bar */ | |||
body.wgl-theme-dark #p-search #searchform .cdx-menu { | |||
background-color: #282828; | |||
border-color: #464646; | |||
} | |||
body.wgl-theme-dark #p-search #searchform .cdx-menu--has-footer .cdx-menu-item:last-of-type:not(:first-of-type) { | |||
border-color: #464646; | |||
} | |||
body.wgl-theme-dark #p-search #searchform .cdx-menu-item .cdx-typeahead-search__search-footer__icon, | |||
body.wgl-theme-dark #p-search #searchform .cdx-menu-item .cdx-menu-item__text__supporting-text, | |||
body.wgl-theme-dark #p-search #searchform .cdx-menu-item .cdx-menu-item__text__description, | |||
body.wgl-theme-dark #p-search #searchform .cdx-menu-item .cdx-menu-item__content, | |||
body.wgl-theme-dark #p-search #searchform .cdx-menu-item { | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark #p-search #searchform .cdx-thumbnail__placeholder, | |||
body.wgl-theme-dark #p-search #searchform .cdx-thumbnail__image { | |||
background-color: #282828; | |||
border-color: #444; | |||
} | |||
/* Reference */ | |||
body.wgl-theme-dark ol.references li:target, | |||
body.wgl-theme-dark sup.reference:target, | |||
body.wgl-theme-dark span.citation:target { | |||
background-color: #435d77; | |||
} | |||
/* Image preview screen */ | |||
body.wgl-theme-dark .mw-mmv-post-image { | |||
background: #323232; | |||
color: #ddd; | |||
} | |||
body.wgl-theme-dark .mw-mmv-image-metadata { | |||
background: #323232; | |||
border-color: #222; | |||
} | |||
/* VisualEditor */ | |||
body.wgl-theme-dark .oo-ui-toolbar-bar { | |||
background: #282828; | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark .oo-ui-toolbar-bar, | |||
body.wgl-theme-dark .oo-ui-menuToolGroup { | |||
border-color: #464646; | |||
} | |||
/* Notification */ | |||
.wgl-theme-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { | |||
background-color: #19222c; | |||
} | |||
.wgl-theme-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { | |||
background-color: #404754; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: #2d405b; | |||
color: #90c0fe; | |||
} | |||
.wgl-theme-dark div.mw-echo-ui-notificationsInboxWidget-toolbarWrapper, | |||
.wgl-theme-dark div.mw-echo-ui-crossWikiNotificationItemWidget-group, | |||
.wgl-theme-dark div.mw-echo-ui-bundleNotificationItemWidget-group { | |||
background: inherit; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-notificationOptionWidget, | |||
.wgl-theme-dark .mw-echo-ui-notificationGroupItemWidget-group { | |||
background: none; | |||
} | |||
.wgl-theme-dark .oo-ui-menuSelectWidget { | |||
z-index: 1002; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-notificationOptionWidget:hover, | |||
.wgl-theme-dark .mw-echo-ui-notificationGroupItemWidget-group:hover, | |||
.wgl-theme-dark .oo-ui-menuSelectWidget { | |||
background: #1a1a1a; | |||
color: #545454; | |||
} | |||
.wgl-theme-dark .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | |||
color: var(--content-text-color); | |||
} | |||
.wgl-theme-dark .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, | |||
.wgl-theme-dark .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { | |||
background: black; | |||
text-shadow: none; | |||
} | |||
.wgl-theme-dark .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: #111; | |||
color: #fff; | |||
} | |||
.wgl-theme-dark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: #222222; | |||
color: #E0E0E0; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button >.oo-ui-labelElement-label { | |||
color: var(--content-text-color); | |||
} | |||
.wgl-theme-dark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | |||
.wgl-theme-dark .oo-ui-widget.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: #000000; | |||
color: #FFFFFF; | |||
} | |||
.wgl-theme-dark .mw-echo-title, | |||
.wgl-theme-dark .mw-echo-notification-footer { | |||
/*color: #fff !important;*/ | |||
} | |||
.wgl-theme-dark .oo-ui-popupWidget .oo-ui-popupWidget-popup { | |||
background: #000; | |||
color: #fff; | |||
border: 1px solid #545454; | |||
} | |||
.wgl-theme-dark .oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget, | |||
.wgl-theme-dark .oo-ui-buttonElement-framed .oo-ui-widget-enabled > .oo-ui-buttonElement-button | |||
{ | |||
border: 0; | |||
background: transparent; | |||
} | |||
.wgl-theme-dark .oo-ui-popupWidget-body, | |||
.wgl-theme-dark .oo-ui-popupWidget-footer, | |||
.wgl-theme-dark .oo-ui-popupWidget-header, | |||
.wgl-theme-dark .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget, | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget-unread, | |||
.wgl-theme-dark .mw-echo-ui-notificationBadgeButtonPopupWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, | |||
.wgl-theme-dark .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .oo-ui-buttonElement:last-child, | |||
.wgl-theme-dark .mw-echo-ui-notificationGroupItemWidget-separator { | |||
border-color: #545454 !important; | |||
} | |||
@-webkit-keyframes unseen-fadeout-to-unread { | |||
from { | |||
background-color: #27113f; | |||
} | |||
to { | |||
background-color: #545454; | |||
} | |||
} | |||
@keyframes unseen-fadeout-to-unread { | |||
from { | |||
background-color: #27113f; | |||
} | |||
to { | |||
background-color: #545454 | |||
} | |||
} | |||
@-webkit-keyframes unseen-fadeout-to-read { | |||
from { | |||
background-color: #27113f; | |||
} | |||
to { | |||
background-color: #1f1f1f; | |||
} | |||
} | |||
@keyframes unseen-fadeout-to-read { | |||
from { | |||
background-color: #545454; | |||
} | |||
to { | |||
background-color: #1f1f1f; | |||
} | |||
} | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget-content-actions-timestamp { | |||
color: #fff; | |||
} | |||
.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | |||
background: #000; | |||
} | |||
.wgl-theme-dark .oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget:hover, | |||
.wgl-theme-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | |||
background: #1f1f1f; | |||
} | |||
.wgl-theme-dark .oo-ui-widget-footer { | |||
margin: 0px !important; | |||
} | |||
.wgl-theme-dark div#netbar .mw-echo-alert, | |||
.wgl-theme-dark div#netbar .mw-echo-alert a { | |||
color: #000; | |||
} | |||
/* invert the icon colors */ | |||
.wgl-theme-dark .mw-echo-ui-overlay .oo-ui-iconElement-icon, | |||
.wgl-theme-dark .msgbox-text > img[alt="Signature-icon.svg"] { | |||
filter: invert(100%); | |||
-webkit-filter: invert(100%); | |||
-moz-filter: invert(100%); | |||
-o-filter: invert(100%); | |||
-ms-filter: invert(100%); | |||
} | |||
/* Special:CreateAccount */ | |||
body.wgl-theme-light .mw-number-text.icon-contributors { | |||
filter: invert(0.25); | |||
} | |||
body.wgl-theme-dark .mw-number-text.icon-contributors { | |||
filter: invert(0.675); | |||
} | |||
/* Both light and dark theme */ | |||
.mw-number-text.icon-pages, | |||
.mw-number-text.icon-edits, | |||
.mw-body-content .mw-number-text > h3, | |||
.mw-body-content .mw-number-text > p { | |||
filter: invert(0.5); | |||
} | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget { | |||
background-color: #1f1f1f; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-menuItemWidget-content { | |||
color: #ddd !important; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget-content-message-header { | |||
color: #fff; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget.oo-ui-optionWidget-selected, | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget.oo-ui-optionWidget-highlighted { | |||
background-color: #3f3f3f; | |||
} | |||
.wgl-theme-dark div#netbar #pt-notifications-alert > .oo-ui-widget a, | |||
.wgl-theme-dark div#netbar #pt-notifications-message > .oo-ui-widget a { | |||
color: #5a93cc; | |||
} | |||
.wgl-theme-dark div#netbar #pt-notifications-alert > .oo-ui-widget .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, | |||
.wgl-theme-dark div#netbar #pt-notifications-message > .oo-ui-widget .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | |||
color: #ddd; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-placeholderItemWidget { | |||
background-color: inherit; | |||
} | |||
.wgl-theme-dark .mw-echo-ui-notificationItemWidget:hover { | |||
background-color: inherit; | |||
} | |||
.wgl-theme-dark #mw-mwoauth-authorize-form { | |||
color: #ddd; | |||
} | |||
.wgl-theme-dark .vector-menu-dropdown .mw-list-item.selected a, | |||
.wgl-theme-dark .vector-menu-dropdown .mw-list-item.selected a:visited { | |||
color: var(--content-text-color); | |||
} | |||
/* SMW - Special:Browse */ | |||
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, | |||
body.wgl-theme-dark .smwb-theme-light .smwb-propval, | |||
body.wgl-theme-dark .smwb-propvalue, | |||
body.wgl-theme-dark .smwb-ipropvalue { | |||
background-color: unset; | |||
} | |||
body.wgl-theme-dark .smwb-theme-light .smwb-factbox { | |||
border-left: unset; | |||
} | |||
body.wgl-theme-dark .smwb-bottom { | |||
border-bottom: 1px solid var(--ooui-border); | |||
} | |||
body.wgl-theme-dark .smw-table-cell.smwb-cell.smwb-prophead { | |||
border-top: 1px solid var(--ooui-border); | |||
background-color: var(--ooui-enabled); | |||
} | |||
body.wgl-theme-dark .smwb-ifactbox .smwb-cell, | |||
body.wgl-theme-dark .smwb-factbox .smwb-cell { | |||
border-top: 1px solid var(--ooui-border); | |||
} | |||
body.wgl-theme-dark .smwb-theme-light .smwb-ifactbox { | |||
border-right: unset; | |||
} | |||
body.wgl-theme-dark .mw-ui-button:not(:disabled), | |||
body.wgl-theme-dark .mw-ui-input:not(:disabled), | |||
body.wgl-theme-dark .cdx-button:not(:disabled) { | |||
border-color: var(--ooui-border); | |||
} | |||
body.wgl-theme-dark .mw-ui-button:disabled, | |||
body.wgl-theme-dark .mw-ui-input:disabled, | |||
body.wgl-theme-dark .cdx-button:disabled { | |||
color: var(--searchinput-placeholder-color); | |||
border-color: var(--ooui-border-disabled); | |||
background-color: var(--ooui-disabled); | |||
} | |||
body.wgl-theme-dark .mw-ui-button:not(:disabled):hover, | |||
body.wgl-theme-dark .mw-ui-button:not(:disabled):active, | |||
body.wgl-theme-dark .cdx-button:not(:disabled):hover, | |||
body.wgl-theme-dark .cdx-button:not(:disabled):active { | |||
color: var(--ooui-color); | |||
border-color: var(--smw-border-hover); | |||
background-color: var(--ooui-enabled); | |||
} | |||
body.wgl-theme-dark .mw-ui-button:not(:disabled):enabled, | |||
body.wgl-theme-dark .cdx-button:not(:disabled):enabled { | |||
color: var(--ooui-color); | |||
} | |||
body.wgl-theme-dark .mw-ui-input:not(:disabled):hover, | |||
body.wgl-theme-dark .mw-ui-input:not(:disabled):active { | |||
border-color: var(--smw-border-hover); | |||
} | |||
body.wgl-theme-dark .mw-ui-input:not(:disabled):focus, | |||
body.wgl-theme-dark .mw-ui-button:not(:disabled):focus, | |||
body.wgl-theme-dark .cdx-button:not(:disabled):focus { | |||
border-color: var(--ooui-progressive-hover); | |||
box-shadow: inset 0 0 0 1px var(--ooui-progressive-hover); | |||
} | |||
body.wgl-theme-dark div:not(.autocomplete-selected).autocomplete-suggestions { | |||
color: var(--searchinput-placeholder-color); | |||
background-color: var(--ooui-enabled); | |||
border-color: var(--ooui-border); | |||
} | |||
body.wgl-theme-dark .autocomplete-suggestion { | |||
border-color: var(--ooui-border); | |||
background-color: var(--content-background-color); | |||
} | |||
body.wgl-theme-dark .autocomplete-selected { | |||
color: var(--ooui-color); | |||
border: solid 1px var(--smw-border-hover); | |||
background-color: var(--ooui-enabled); | |||
padding: 4px 9px 5px 9px; | |||
} | |||
body.wgl-theme-dark .tippy-header { | |||
background-color: var(--base-background-color); | |||
border-color: var(--smw-border-hover); | |||
color: var(--ooui-color); | |||
} | |||
body.wgl-theme-dark .tippy-tooltip.light-border-theme { | |||
background-color: unset; | |||
} | |||
body.wgl-theme-dark .tippy-content-container { | |||
background-color: var(--ooui-disabled); | |||
color: var(--content-text-color) | |||
} | |||
/* SMW - Property: */ | |||
body.wgl-theme-dark .smw-property-page-results .header-row > .header-title { | |||
background-color: var(--ooui-enabled); | |||
border-bottom-color: var(--ooui-border); | |||
color: var(--ooui-color); | |||
} | |||
body.wgl-theme-dark .smw-property-page-results .value-row:hover { | |||
background-color: var(--smw-table-hover); | |||
} | |||
body.wgl-theme-dark .smw-ui-pagination .page-link { | |||
background-color: var(--content-background-color); | |||
border: 1px solid var(--ooui-border); | |||
color: var(--ooui-color); | |||
text-decoration: none; | |||
margin-left: 0; | |||
} | |||
body.wgl-theme-dark .smw-ui-pagination .page-link:hover { | |||
background-color: var(--ooui-enabled); | |||
border: 1px solid var(--smw-border-hover); | |||
} | |||
body.wgl-theme-dark .smw-ui-pagination .page-link.link-disabled { | |||
color: var(--searchinput-placeholder-color); | |||
border-color: var(--ooui-border-disabled); | |||
background-color: var(--ooui-disabled); | |||
} | |||
body.wgl-theme-dark .smw-ui-pagination .page-link.link-active { | |||
border-color: var(--ooui-progressive-hover); | |||
} | |||
body.wgl-theme-dark .smw-tabs section, .smw-tabs .subtab-content { | |||
border-top: 1px solid var(--smw-border-hover); | |||
} | |||
body.wgl-theme-dark .smw-tabs input.nav-tab:checked + label.nav-label { | |||
border: 1px solid var(--smw-border-hover); | |||
border-top: 2px solid #337ab7; | |||
} | |||
body.wgl-theme-dark .smw-tabs label.nav-label, | |||
body.wgl-theme-dark .smw-tabs, | |||
body.wgl-theme-dark .smw-tabs input.nav-tab:checked + label.nav-label, | |||
body.wgl-theme-dark #tab-smw-property-value:checked + label.nav-label .usage-count, | |||
body.wgl-theme-dark #tab-smw-concept-list:checked + label.nav-label .usage-count, | |||
body.wgl-theme-dark #tab-smw-property-subp:checked + label.nav-label .item-count, | |||
body.wgl-theme-dark #tab-smw-property-errp:checked + label.nav-label .item-count, | |||
body.wgl-theme-dark #tab-smw-property-redi:checked + label.nav-label .item-count, | |||
body.wgl-theme-dark #tab-smw-type-list:checked + label.nav-label .item-count, | |||
body.wgl-theme-dark #tab-smw-property-spec:checked + label.nav-label .item-count { | |||
color: var(--ooui-color); | |||
} | |||
body.wgl-theme-dark #tab-smw-property-value:checked + label.nav-label .usage-count.moderate, | |||
body.wgl-theme-dark #tab-smw-concept-list:checked + label.nav-label .usage-count.moderate { | |||
background-color: rgba(43, 157, 239, 0.64); | |||
} | |||
body.wgl-theme-dark #tab-smw-property-value:checked + label.nav-label .usage-count.high, | |||
body.wgl-theme-dark #tab-smw-concept-list:checked + label.nav-label .usage-count.high { | |||
background-color: rgba(222, 0, 0, 0.50); | |||
} | |||
body.wgl-theme-dark .smw-ui-input-filter { | |||
color: var(--content-text-color); | |||
border: solid 1px var(--ooui-border); | |||
background-color: var(--ooui-enabled); | |||
} | |||
body.wgl-theme-dark .smw-ui-input-filter:hover { | |||
border-color: var(--smw-border-hover); | |||
} | |||
body.wgl-theme-dark .smw-ui-input-filter input { | |||
color: var(--content-text-color) !important; | |||
border-color: var(--ooui-border) !important; | |||
} | |||
/********** | |||
Add WikiEditor parity with VisualEditor | |||
And fixes for dark theme, VisualEditor and CodeEditor | |||
**********/ | |||
/* Changes colors of the WikiEditor and VisualEditor toolbars */ | |||
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; | |||
} | |||
/* VE template editor */ | |||
body.wgl-theme-dark .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { | |||
background-color: #39393b; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwTemplatePage-description, | |||
body.wgl-theme-dark .oo-ui-labelWidget.oo-ui-inline-help, | |||
body.wgl-theme-dark .ve-ui-mwParameterPage-undocumentedLabel, | |||
body.wgl-theme-dark .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { | |||
color: #b0bac3; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwParameterPage-doc-required, | |||
body.wgl-theme-dark .ve-ui-mwParameterPage-doc-deprecated, | |||
body.wgl-theme-dark .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { | |||
color: #aaa; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { | |||
background-color: #333d51; | |||
} | |||
/* Changes buttons of WikiEditor to match VisualEditor's behavior */ | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .sections .section .group .tool .tool-select > .label a { | |||
color: #e6e6e6; | |||
} | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .tabs span.tab a:before { | |||
filter: invert(1); | |||
} | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .tabs span.tab a { | |||
color: #e6e6e6; | |||
} | |||
/* Changes colors of the VisualEditor placeholder toolbar */ | |||
body.wgl-theme-dark .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { | |||
border-bottom: 1px solid #595959; | |||
} | |||
/* Changes border color for separator lines on both editors */ | |||
body.wgl-theme-dark .oo-ui-toolbar-bar, | |||
body.wgl-theme-dark .oo-ui-menuToolGroup, | |||
body.wgl-theme-dark .wikiEditor-ui .wikiEditor-ui-view, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .sections .section, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .section-secondary .group, | |||
body.wgl-theme-dark .wikiEditor-ui .wikiEditor-ui-top, | |||
body.wgl-theme-dark .codeEditor-status-message, | |||
body.wgl-theme-dark .ace_print-margin { | |||
border-color: #595959; | |||
} | |||
body.wgl-theme-dark .ace_print-margin { | |||
background-color: #595959; | |||
} | |||
/* Inverts a bit the color of some blue icons on dark theme */ | |||
body.wgl-theme-dark #p-lang-btn .oo-ui-icon-translation, | |||
body.wgl-theme-dark .ve-ui-toolbar .oo-ui-image-progressive, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .oo-ui-image-progressive { | |||
filter: contrast(0.7) brightness(1.8); | |||
} | |||
/* Fixes a border-like shadow under link insertion tool on VisualEditor on dark theme */ | |||
body.wgl-theme-dark .oo-ui-tabSelectWidget-frameless { | |||
box-shadow: inset 0 -1px 0 0 #595959; | |||
} | |||
/* Visual Editor: Link edit popup display text */ | |||
body.wgl-theme-dark .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { | |||
color: #aaa; | |||
} | |||
/* Visual Editor: Template editing popup left-hand-side parameter selection input */ | |||
body.wgl-theme-dark .oo-ui-selectWidget .oo-ui-optionWidget-highlighted { | |||
color: white; | |||
background: #333; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, | |||
body.wgl-theme-dark .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, | |||
body.wgl-theme-dark .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { | |||
color: #fff; | |||
background: #467c; | |||
} | |||
/* Visual Editor: Template editing popup bottom left controls */ | |||
body.wgl-theme-dark .ve-ui-mwTransclusionOutlineControlsWidget { | |||
background-color: black; | |||
border-top-color: #888; | |||
} | |||
/* Fixes some colors on various zones on VisualEditor on dark theme */ | |||
body.wgl-theme-dark .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, | |||
body.wgl-theme-dark .ve-ui-mwNoticesPopupTool-items > div:not(:first-child), | |||
body.wgl-theme-dark .ve-ui-mwHelpPopupTool-item:not(:first-child) { | |||
border-top: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwHelpPopupTool-version-label, | |||
body.wgl-theme-dark .ve-ui-mwHelpPopupTool-version-link, | |||
body.wgl-theme-dark .ve-ui-mwHelpPopupTool-version-date { | |||
color: #cebfd3; | |||
} | |||
body.wgl-theme-dark .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, | |||
body.wgl-theme-dark .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { | |||
color: #9ea0a1; | |||
} | |||
body.wgl-theme-dark .ve-ce-languageAnnotation { | |||
background-color: #141921; | |||
} | |||
body.wgl-theme-dark .ve-ce-linkAnnotation.ve-ce-annotation-active { | |||
box-shadow: 0 0 0 1px #141921; | |||
background-color: #141921; | |||
} | |||
body.wgl-theme-dark .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, | |||
body.wgl-theme-dark .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, | |||
body.wgl-theme-dark .ve-ui-mwGalleryDialog-menuLayout-desktop > .oo-ui-menuLayout-menu, | |||
body.wgl-theme-dark .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { | |||
border-right: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .ve-ui-specialCharacterPage-character { | |||
border: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted, | |||
body.wgl-theme-dark .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: #535a69; | |||
color: #9ed2ff; | |||
} | |||
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: #535a69; | |||
border-right-color: #6f6f6f; | |||
} | |||
body.wgl-theme-dark .oo-ui-toggleSwitchWidget { | |||
background-color: #46494d; | |||
} | |||
body.wgl-theme-dark .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { | |||
background-color: #6f6f6f; | |||
border-color: #6f6f6f; | |||
} | |||
body.wgl-theme-dark .ve-ui-contextItem + .ve-ui-contextItem { | |||
border-top: 1px solid var(--ooui-border); | |||
} | |||
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace_editor { | |||
border: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label { | |||
border-top: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .oo-ui-menuSelectWidget { | |||
background-color: #333; | |||
border: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | |||
color: #e6e6e6; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace_focus { | |||
border-color: #90c0fe; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwLanguagesPage-languages-table th, | |||
body.wgl-theme-dark .ve-ui-mwLanguagesPage-languages-table td { | |||
border-bottom:1px solid #000; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { | |||
background:#535353; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { | |||
background:#636363; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content { | |||
border-bottom: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwLatexPage-symbol { | |||
border: 1px solid #898989; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwLatexPage-symbol-largeLayout.ve-ui-mwLatexPage-symbol-wide, | |||
body.wgl-theme-dark .ve-ui-mwLatexPage-symbol { | |||
filter: invert(1); | |||
} | |||
body.wgl-theme-dark .ve-ui-mwLatexPage-symbol:is(:hover, :focus-within, :active) { | |||
border-color: #555; | |||
} | |||
body.wgl-theme-dark .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { | |||
background: #292929; | |||
} | |||
body.wgl-theme-dark .ve-ui-targetWidget { | |||
border: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .ve-ce-branchNode-blockSlug, | |||
body.wgl-theme-dark .ve-ce-branchNode-newSlug { | |||
outline: 1px dashed #6f6f6f; | |||
background-color: rgb(57 57 57 / 75%); | |||
} | |||
body.wgl-theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | |||
color: #d9d9d9; | |||
} | |||
body.wgl-theme-dark .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, | |||
body.wgl-theme-dark .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { | |||
background-color: #6f6f6f; | |||
border-color: #6f6f6f; | |||
} | |||
body.wgl-theme-dark .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, | |||
body.wgl-theme-dark .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { | |||
color: #c9c9c9; | |||
} | |||
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 { | |||
background-color: #434f5b; | |||
border-right-color: #6f6f6f; | |||
} | |||
/* Improves a bit text on the exit without saving changes menu on VisualEditor */ | |||
body.wgl-theme-dark .oo-ui-messageDialog-title { | |||
color: #e6e6e6; | |||
} | |||
/* Improves labels on the character insertion menu on VisualEditor */ | |||
body.wgl-theme-dark .ve-ui-specialCharacterPage h3, | |||
body.wgl-theme-dark .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { | |||
color: #d7d7d7; | |||
} | |||
/* Improves border colors around popups of the VisualEditor on dark theme */ | |||
/* Borders */ | |||
body.wgl-theme-dark .oo-ui-processDialog-content .oo-ui-window-head, | |||
body.wgl-theme-dark .oo-ui-processDialog-content .oo-ui-window-foot { | |||
outline: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .oo-ui-searchWidget-query { | |||
border-bottom: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .mw-widget-mediaResultWidget-overlay { | |||
box-shadow: inset 0 0 0 1px #6f6f6f; | |||
} | |||
body.wgl-theme-dark .mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted, | |||
body.wgl-theme-dark .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected { | |||
box-shadow: 0 0 2px #90c0fe; | |||
} | |||
/* Input labels */ | |||
body.wgl-theme-dark .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:is(:hover, :focus, :focus-within, :active), | |||
body.wgl-theme-dark .ve-ui-targetWidget-focused { | |||
border-color: #90c0fe; | |||
box-shadow: inset 0 0 0 1px #90c0fe; | |||
} | |||
/* VisualEditor: Style included images like images on the regular page */ | |||
.wgl-theme-dark figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:File/Frame"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Image/Thumb"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Video/Thumb"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Audio/Thumb"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Image/Frame"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Video/Frame"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Audio/Frame"] > a:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:File/Thumb"] > span:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:File/Frame"] > span:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Image/Thumb"] > span:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Video/Thumb"] > span:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Audio/Thumb"] > span:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Image/Frame"] > span:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Video/Frame"] > span:first-child > :first-child:not(.mw-broken-media), | |||
.wgl-theme-dark figure[typeof~="mw:Audio/Frame"] > span:first-child > :first-child:not(.mw-broken-media) { | |||
background-color: #282828; | |||
border-color: #444; | |||
} | |||
/* Changes the color of the highlighting icons' background */ | |||
/* Hovering */ | |||
body.wgl-theme-dark .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:is(:hover, :focus-within), | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:is(:hover, :focus-within), | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .tabs span.tab a:is(:hover, :focus-within), | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group div.tool.tool-select a.label:is(:hover, :focus-within), | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .page-characters div span:hover, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .booklet > .index > :hover, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted, | |||
body.wgl-theme-dark .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, | |||
body.wgl-theme-dark .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { | |||
background-color: #4b4c4f; | |||
color: var(--ooui-color); | |||
} | |||
/* Active */ | |||
body.wgl-theme-dark .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .tabs span.tab a.current, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group div.tool.tool-select.options-shown > a.label, | |||
body.wgl-theme-dark .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle, | |||
body.wgl-theme-dark .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:active, | |||
body.wgl-theme-dark .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, | |||
body.wgl-theme-dark .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, | |||
body.wgl-theme-dark .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .booklet > .index > .current { | |||
background-color: #454e61; | |||
color: #90c0fe; | |||
} | |||
/* Fixes Heading insert icon on dark theme */ | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group .tool-select .label:after { | |||
filter: invert(1); | |||
} | |||
/* Fixes Heading insert options background on dark theme */ | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group .tool-select .options { | |||
border: 1px solid var(--ooui-border); | |||
background-color: #353535; | |||
} | |||
/* Fixes Heading insert options text color on dark theme */ | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .group .tool-select .options .option { | |||
color: #e6e6e6; | |||
} | |||
/* Fixes text colors on some menus on dark theme */ | |||
body.wgl-theme-dark .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { | |||
color: #90c0fe; | |||
} | |||
/* Fixes Special characters and Help menus buttons and labels */ | |||
/* Normal */ | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .page-characters div span { | |||
border: 1px solid #6f6f6f; | |||
color: #e6e6e6; | |||
} | |||
/* Fixes Help menu colors */ | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .page-table th { | |||
color: #e6e6e6; | |||
} | |||
body.wgl-theme-dark .wikiEditor-ui-toolbar .page-table td { | |||
color: #e6e6e6; | |||
border-top: 1px solid #595959; | |||
} | |||
/* Makes a border color a bit consistent on the notice popup on VisualEditor */ | |||
body.wgl-theme-dark .oo-ui-popupWidget-popup { | |||
border: 1px solid #6f6f6f; | |||
} | |||
body.wgl-theme-dark .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { | |||
border-bottom-color: #323232; | |||
} | |||
body.wgl-theme-dark .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { | |||
border-bottom-color: #6f6f6f; | |||
} | |||
/* Fixes dark theme for the editor toggle */ | |||
/* General background of the options menu */ | |||
body.wgl-theme-dark .oo-ui-popupToolGroup-tools, | |||
.wgl-theme-dark .oo-ui-popupWidget .oo-ui-popupWidget-popup { | |||
background-color: #353535; | |||
border: 1px solid #6f6f6f; | |||
} | |||
/* Color of the active selected option */ | |||
body.wgl-theme-dark .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { | |||
color: #90c0fe; | |||
} | |||
/* Visual Editor link popup article preview image background */ | |||
body.wgl-theme-dark .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { | |||
background-color: transparent; | |||
} | |||
/* 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; | |||
} | |||
/* 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; | |||
} | |||
/* Adds more padding to these notices */ | |||
body.wgl-theme-dark .codeEditor-status { | |||
border-top: 1px solid #6f6f6f; | |||
} | |||
/* Changes colors of the save section */ | |||
body.wgl-theme-dark .editOptions { | |||
background-color: #353535; | |||
border-top: 1px solid #595959; | |||
border-bottom: 1px solid #595959; | |||
} | |||
/* Changes the edit save popup */ | |||
/* Popup background */ | |||
body.wgl-theme-dark .oo-ui-windowManager-modal > .oo-ui-dialog { | |||
background-color: #0008; | |||
} | |||
/* Actual background colors */ | |||
body.wgl-theme-dark .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { | |||
background-color: #414141; | |||
} | |||
/* Text color on dark theme */ | |||
body.wgl-theme-dark .oo-ui-messageDialog-message { | |||
color: #fff; | |||
} | |||
/* Separator line colors */ | |||
body.wgl-theme-dark .oo-ui-messageDialog-content > .oo-ui-window-foot { | |||
outline: 1px solid var(--ooui-border); | |||
} | |||
body.wgl-theme-dark .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { | |||
border-right: 1px solid var(--ooui-border); | |||
} | |||
/* Cancel button colors */ | |||
body.wgl-theme-dark .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button { | |||
background-color: #414141; | |||
color: var(--ooui-destructive); | |||
} | |||
body.wgl-theme-dark .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:is(:hover, :focus-within) { | |||
background-color: #615858; | |||
} | |||
/* Accept button colors */ | |||
body.wgl-theme-dark .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button { | |||
background-color: #36c; | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:is(:hover, :focus-within) { | |||
background-color: #447ff5; | |||
} | |||
/* Other popups */ | |||
/* Actual background colors */ | |||
body.wgl-theme-dark .ui-widget-content { | |||
border: 0; | |||
background: #414141; | |||
color: var(--ooui-color); | |||
} | |||
/* Input fields */ | |||
body.wgl-theme-dark #wikieditor-toolbar-file-target, | |||
body.wgl-theme-dark #wikieditor-toolbar-file-caption, | |||
body.wgl-theme-dark #wikieditor-toolbar-file-alt, | |||
body.wgl-theme-dark .ui-widget input, | |||
body.wgl-theme-dark .ui-widget select, | |||
body.wgl-theme-dark .ui-widget textarea, | |||
body.wgl-theme-dark .ui-widget button { | |||
border: 1px solid #595959; | |||
color: var(--ooui-color); | |||
} | |||
/* Header colors */ | |||
body.wgl-theme-dark .ui-dialog .ui-widget-header { | |||
background: #5a5a5b !important; | |||
color: var(--ooui-color); | |||
} | |||
/* Inverts the closing button color */ | |||
body.wgl-theme-dark .ui-dialog .ui-icon-closethick { | |||
filter: invert(1); | |||
} | |||
/* Turns the Show help text of inserting images into a button */ | |||
body.wgl-theme-dark .wikieditor-toolbar-file-alt-help { | |||
background: var(--ooui-enabled); | |||
border: 1px solid var(--ooui-border); | |||
} | |||
body.wgl-theme-dark .wikieditor-toolbar-file-alt-help:is(:hover, :focus-within) { | |||
background: var(--ooui-enabled-hover) !important; | |||
border: 1px solid #7a8191 !important; | |||
} | |||
/* Changes colors of the separator line */ | |||
body.wgl-theme-dark .wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | |||
border-top: 1px solid var(--ooui-border) !important; | |||
} | |||
/* Changes colors of the bottom buttons */ | |||
body.wgl-theme-dark .ui-dialog .ui-dialog-buttonpane button { | |||
background: var(--ooui-enabled) !important; | |||
color: var(--ooui-color); | |||
border: 1px solid var(--ooui-border) !important; | |||
} | |||
body.wgl-theme-dark .ui-dialog .ui-dialog-buttonpane button:is(:hover, :focus-within) { | |||
background: var(--ooui-enabled-hover) !important; | |||
border: 1px solid #7a8191 !important; | |||
} | |||
/* Fixing indent on CodeEditor */ | |||
body.wgl-theme-dark .ace-tm .ace_indent-guide { | |||
filter: brightness(0.5); | |||
} | |||
/* Improvements for colors on Search & Replace */ | |||
body.wgl-theme-dark #wikieditor-toolbar-replace-nomatch { | |||
background-color: #794c4c; | |||
} | |||
body.wgl-theme-dark #wikieditor-toolbar-replace-emptysearch { | |||
background-color: #6f6d48; | |||
} | |||
body.wgl-theme-dark #wikieditor-toolbar-replace-success { | |||
background-color: #44694b; | |||
} | |||
body.wgl-theme-dark #wikieditor-toolbar-replace-invalidregex { | |||
background-color: #6e4b71; | |||
} | |||
/* 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; | |||
} | |||
/* Text selection fixes for dark theme */ | |||
body.wgl-theme-dark .cm-mw-doubleUnderscore, | |||
body.wgl-theme-dark .cm-mw-signature, | |||
body.wgl-theme-dark .cm-mw-hr { | |||
background-color: #1e1e1e; | |||
} | |||
/* Dark theme fixes for VisualEditor's save UI */ | |||
body.wgl-theme-dark a.extiw { | |||
color: #90c0fe; | |||
} | |||
body.wgl-theme-dark a.extiw:visited { | |||
color: #9495f4; | |||
} | |||
body.wgl-theme-dark #editpage-copywarn a { | |||
color: #90c0fe; | |||
} | |||
body.wgl-theme-dark #editpage-copywarn a:visited { | |||
color: #9495f4; | |||
} | |||
body.wgl-theme-dark .ve-ui-mwSaveDialog-license, | |||
body.wgl-theme-dark .ve-ui-diffElement-attributeChange { | |||
color: #bfbfbf; | |||
} | |||
body.wgl-theme-dark .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { | |||
background: #57759c; | |||
} | |||
/********** | |||
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; | |||
} | |||
/* Templates */ | |||
body.wgl-theme-dark .cm-mw-template, | |||
body.wgl-theme-dark .cm-mw-template-name, | |||
body.wgl-theme-dark .cm-mw-template-argument-name, | |||
body.wgl-theme-dark .cm-mw-template-delimiter, | |||
body.wgl-theme-dark .cm-mw-template-bracket { | |||
color: #d7a9ff; | |||
} | |||
/* Page links */ | |||
body.wgl-theme-dark .cm-mw-link-pagename, | |||
body.wgl-theme-dark .cm-mw-link-bracket, | |||
body.wgl-theme-dark .cm-mw-link-delimiter, | |||
body.wgl-theme-dark .cm-mw-extlink, | |||
body.wgl-theme-dark .cm-mw-free-extlink, | |||
body.wgl-theme-dark .cm-mw-extlink-protocol, | |||
body.wgl-theme-dark .cm-mw-free-extlink-protocol, | |||
body.wgl-theme-dark .cm-mw-extlink-bracket { | |||
color: #9fbfff; | |||
} | |||
/* Tags */ | |||
body.wgl-theme-dark .cm-mw-mnemonic, | |||
body.wgl-theme-dark .cm-mw-exttag-name, | |||
body.wgl-theme-dark .cm-mw-htmltag-name, | |||
body.wgl-theme-dark .cm-mw-exttag-bracket, | |||
body.wgl-theme-dark .cm-mw-exttag-attribute, | |||
body.wgl-theme-dark .cm-mw-htmltag-bracket, | |||
body.wgl-theme-dark .cm-mw-htmltag-attribute { | |||
color: #0be10b; | |||
} | |||
/* Comments */ | |||
body.wgl-theme-dark .cm-mw-comment { | |||
color: #bbbbbb; | |||
} | |||
/* Template variables */ | |||
body.wgl-theme-dark .cm-mw-templatevariable, | |||
body.wgl-theme-dark .cm-mw-templatevariable-bracket, | |||
body.wgl-theme-dark .cm-mw-templatevariable-name, | |||
body.wgl-theme-dark .cm-mw-templatevariable-delimiter { | |||
color: #e9b15c; | |||
} | |||
/* Links to sections and other formatting */ | |||
body.wgl-theme-dark .cm-mw-list, | |||
body.wgl-theme-dark .cm-mw-indenting, | |||
body.wgl-theme-dark .cm-mw-doubleUnderscore, | |||
body.wgl-theme-dark .cm-mw-signature, | |||
body.wgl-theme-dark .cm-mw-hr, | |||
body.wgl-theme-dark .cm-mw-apostrophes-bold, | |||
body.wgl-theme-dark .cm-mw-apostrophes-italic, | |||
body.wgl-theme-dark .cm-mw-link, | |||
body.wgl-theme-dark .cm-mw-link-tosection, | |||
body.wgl-theme-dark .cm-mw-section-header { | |||
color: #66d3ff; | |||
} | |||
/* Tables */ | |||
body.wgl-theme-dark .cm-mw-table-bracket, | |||
body.wgl-theme-dark .cm-mw-table-delimiter, | |||
body.wgl-theme-dark .cm-mw-table-definition { | |||
color: #ff9ed6; | |||
} | |||
/* Matching brackets */ | |||
body.wgl-theme-dark .cm-mw-matchingbracket { | |||
background-color: #7d7d38; | |||
} | |||
/* 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; | |||
} | |||
/* AdvancedSearch */ | |||
body.wgl-theme-dark .mw-advancedSearch-fieldContainer, | |||
body.wgl-theme-dark .mw-advancedSearch-namespace-selection { | |||
background: #282828; | |||
border-color: #444; | |||
} | |||
body.wgl-theme-dark .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { | |||
background: #282828; | |||
color: #fff; | |||
} | |||
body.wgl-theme-dark .mw-advancedSearch-namespace-border { | |||
border-color: #444; | |||
} | |||
/* 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; | |||
} | } | ||