MediaWiki:Vector-2022.css

/* All CSS here will be loaded for users of the Vector-2022 skin */

/* pz-theme */
:root {
    --color-mw: #c1ccc1;
    --color-mw-subtext: #757575;
    --color-mw-border: #454545;
    --link-mw: #518ce3;
    --background-mw: #212121;
    --background-mw-heading: #1c1c1c;
    --background-mw-even: #262626;
    --background-mw-odd: #2b2b2b;
    --background-red: #212121; /* TODO: currently the same as background-mw (previously f4f3eb) */
    --background-blue: #212121; /* TODO: currently the same as background-mw (previously ebf3f4) */
    --background-message-error: #2b1919;
    --background-message-warn: #2b2b19;
    --background-message-info: #19192b;
    --border-mw: 1px solid #454545;
}

/* MediaWiki:Sitenotice */
.vector-sitenotice-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sitenotice-card {
    box-sizing: border-box;
    max-width: 1000px;
    background-color: #181818;
    border-bottom: 1px solid var(--color-mw-border);
    color: var(--color-mw);
}

/* Responsive elements */
@media screen and (max-width: 719px) {
    div.infobox {
        width: 100%;
    }
}

/* MediaWiki default theme changes */
body {
    background-color: #181818; /*vertical bar color*/
    color: var(--color-mw); /*body font color*/
}

.mw-page-container {
    background-color: #1f1f1f; /* body background color */
}

/* toc "hide" square brackets */
.vector-toc-collapse-button:before,
.vector-toc-uncollapse-button:before,
.vector-toc-collapse-button:after,
.vector-toc-uncollapse-button:after {
    color: var(--color-mw);
}

/* font color */
.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link,
.wikiEditor-ui-toolbar .tabs span.tab a.current, 
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .page-table th,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: var(--color-mw);
}

/* links */
a:visited, a, 
.vector-menu-tabs .mw-list-item a,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited,
.mw-parser-output a.extiw,.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,
.sidebar-toc .sidebar-toc-link,
#pt-userpage-2 a,
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .booklet > .index > .current {
    color: var(--link-mw);
}

/* subtext */
.oo-ui-labelWidget.oo-ui-inline-help, /* preferences help text */
.mw-search-result-data, /* search result data */
.results-info,
.vector-body #contentSub, .vector-body #contentSub2,
.mw-displaytitle-subtitle,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: var(--color-mw-subtext);
}

.vector-menu-tabs .mw-list-item.selected a,.vector-menu-tabs .mw-list-item.selected a:visited,
.search-types .current a, /* search tabs: selected */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.oo-ui-menuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
    color: #e3e1df;
}

/* sticky header that displays after scrolling */
.vector-sticky-header {
    background: var(--color-red);
    background-color: var(--color-red);
    border-bottom-color: var(--border-mw);
}
.vector-sticky-header-context-bar {
    border-left: none;
}

.mw-sidebar {
    background-color: #181818; /* sidebar background color */
    border-radius: var(--border-radius);
}

.vector-menu-portal .vector-menu-heading {
    color: #e3e1df;
}

/* toolbar, i.e. Read, Edit, etc. */
.mw-article-toolbar-container {
    border-bottom-color: var(--color-mw-border);
}

/* code */
pre,
code,
.mw-code,
.mw-highlight {
    background-color: #181818;
    color: var(--color-mw);
    border-color: #2b2b2b;
}
/* pre highlight color */
.mw-highlight .hll {
    background-color: #ffffcc00;
    border: 1px solid var(--color-mw-border);
}
/* pre line number */
.mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {
    padding-left: 3.5em;
    box-shadow: inset 2.75em 0 0 #1f1f1f;
}
.mw-highlight a:hover .linenos,
.mw-highlight .hll a .linenos {
    color: #ded8d8;
}
/* syntaxhighlight */
.mw-highlight .nc,
.mw-highlight .nn {
    color: #d7ba7d;
    font-weight: normal;
}
.mw-highlight .nv {
    color: #569cd6;
}
.mw-highlight .c {
    color: #6a9955;
}
.mw-highlight .k {
    color: #7cdcf0;
    font-weight: normal;
}
.mw-highlight .nf {
    color: #dcdcaa;
}
.mw-highlight .mh,
.mw-highlight .kc {
    color: #ce9178;
    font-weight: normal;
}
.mw-highlight .nd {
    color: #c586c0;
}
.mw-highlight .mi,
.mw-highlight .mf {
    color: #b5cea8;
}
.mw-highlight .nt {
    color: #43c9b0;
    font-weight: normal;
}
.mw-highlight .kt {
    color: #b3466e;
}

/* wikitable */
table.wikitable,
table.mw_metadata {
    background: none;
    color: var(--color-mw);
    border: none;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th,
.mw_metadata th {
    background-color: var(--background-mw-heading);
    color: #e3e1df;
    border-color: var(--color-mw-border);
}
table.wikitable tr:nth-child(even) td,
.mw_metadata tr:nth-child(even) td {
	background-color: var(--background-mw-even);
	color: var(--color-mw);
    border-color: var(--color-mw-border);
}
table.wikitable tr:nth-child(odd) td,
.mw_metadata tr:nth-child(odd) td {
	background-color: var(--background-mw-odd);
	color: var(--color-mw);
    border-color: var(--color-mw-border);
}
/* infobox */
div.infobox div.infobox-image > div.infobox-gallery img {
    background-color: #242424;
    color: var(--color-mw);
    border-color: var(--color-mw-border);
}
div.infobox div.infobox-image > div.infobox-gallery img:hover {
    background-color: #2a2a2a;
    border-color: #5b5b5b;
    box-shadow-color: #5b5b5b;;
}
div.infobox div.infobox-image > div.infobox-gallery img.selected {
    background-color: #2a2a2a;
    border-color: #5b5b5b;
}
/* Template:Key */
kbd.keyboard-key {
    border-color: #353535;
    box-shadow: 0.1em 0.2em 0.2em #222222;
    background-image: linear-gradient(to bottom, #2f2f2f, #272727, #2f2f2f);
}

/* headings & selected */
h1,h2,h3,h4,h5,h6,
.mw-body-content .mw-number-text h3,
.wikiEditor-ui-toolbar .tabs span.tab a.current, 
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: #e3e1df;
}

/* gallery & image thumb */
li.gallerybox div.thumb, /* gallery thumb */
div.thumbinner,
.thumbimage { /* file thumb */
    border: 1px solid #484e51;
    background-color: #212121;
}


.catlinks, /* category links bar */
#filetoc, /* file toc bar */
.mw-search-profile-tabs /* search result tabs */ {
    border: 1px solid #484e51;
    border-radius: var(--border-radius);
    background-color: #212121;
}

/* advanced search menu */
#mw-searchoptions {
    border-color: #484e51;
    background-color: #212121;
    border-radius: var(--border-radius);
    margin-top: 5px;
}
/* divider */
#mw-searchoptions .divider {
    border-color: #484e51;
}
/* button */
#mw-search-togglebox input {
    background-color: #242424;
    color: var(--color-mw);
    border-color: var(--color-mw-border);
    border-width: 1px;
    border-radius: var(--border-radius);
}

/* sidebar toc */
.sidebar-toc {
    background-color: #181818; /* toc background color */
    border-radius: var(--border-radius);
    margin-left: 12px;
}
.sidebar-toc .sidebar-toc-title {
    color: #e3e1df;
}
/* toc gradient */
.vector-toc-not-collapsed .sidebar-toc:after {
    background: none; 
}
/* toc button */
#vector-toc-collapsed-button {
    background-color: #1f1f1f;
}
/* toc button hover/active */
#vector-toc-collapsed-button:hover, #vector-toc-collapsed-button:active {
    background-color: var(--background-mw-even);
}

/* edits */
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui-toolbar .group, 
.wikiEditor-ui-toolbar .section-secondary .group,
.wikiEditor-ui-toolbar .sections .section,
.table-format,
.wikiEditor-ui-toolbar .page-characters div span {
    border-color: var(--color-mw-border);
}
.wikiEditor-ui-toolbar,
textarea,
#msupload-div,
#msupload-dropzone,
.drop-over {
    background-color: var(--background-mw-heading);
    border-color: var(--color-mw-border);
    color: var(--color-mw);
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
    background-color: var(--background-mw);
}
.wikiEditor-ui-toolbar .booklet > .index > div:hover {
    background-color: var(--background-mw-even);
}
/* edit area - below */
.editOptions,
.mw-editform .editOptions {
    background-color: var(--background-mw-heading);
    color: var(--color-mw);
    border-color: var(--color-mw-border);
}
/* text form & button */
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.client-js .vector-search-box-vue.vector-search-box-show-thumbnail.vector-search-box-auto-expand-width .vector-search-box-input,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.client-js .vector-search-box-vue.vector-search-box-show-thumbnail.vector-search-box-auto-expand-width .vector-search-box-input,
.mw-ui-button,
.mw-widget-dateInputWidget-handle,
.cdx-search-input--has-end-button,
.cdx-text-input__input:enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #242424;
    color: var(--color-mw);
    border-color: var(--color-mw-border);
    border-radius: var(--border-radius);
}
/* text form hover */
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.client-js .vector-search-box-vue.vector-search-box-show-thumbnail.vector-search-box-auto-expand-width .vector-search-box-input:hover {
    background-color: #2a2a2a;
    border-color: #5b5b5b;
    color: var(--color-mw);
}
/* edit button icons (bold, italics, etc.) & watchlist icons */
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.gog-logo, /* gog logo (main page) */
.mw-ui-icon:not(.mw-ui-button),
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-input > .oo-ui-icon-menu {
    filter: invert(1);
}
/* edit button hover (bold, italics, etc.) */
.tool-button:hover, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
    background-color: var(--background-mw-even);
}
/* msupload select files icon */
#msupload-select {
    filter: brightness(1.5);
}

/* checkbox */
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
    background-color: #242424;
    border-color: var(--color-mw-border);
    border-radius: 0.2em;
}
.editCheckboxes .oo-ui-horizontalLayout {
    padding-bottom: 0.3em;
}
/* checkbox & button hover */
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
#mw-search-togglebox input:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    background-color: #2a2a2a;
    border-color: #447ff5;
    color: var(--color-mw);
}

/* radio button */
.oo-ui-radioInputWidget [type='radio'] + span {
    background-color: #242424;
    border-color: var(--color-mw-border);
}
/* radio button: hover */
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
    background-color: #2a2a2a;
    border-color: #447ff5;
}
/* button blue */
.cdx-button--framed:enabled {
    color: #fff;
    background-color: #36c;
    border-color: #36c;
}

/* button blue hover */
.cdx-button--framed:enabled:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    color: #fff;
    background-color: #447ff5;
    border-color: #447ff5;
}
/* button: disabled */
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: var(--background-mw-heading);
    color: var(--color-mw-subtext);
    border-color: var(--color-mw-border);
    border-radius: var(--border-radius);
}
/* button: red */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
    background-color: #2a2a2a;
    border-color: #d73333;
    color: #d73333;
}

/* difference */
.diff-context {
    background: var(--background-mw-even);
    border-color: var(--color-mw-border);
    color: var(--color-mw);
}
.diff-deletedline {
    border-color: #b21a1a;
}
.diff-deletedline .diffchange {
    background: #701010;
}
.diff-addedline {
    border-color: #132697;
}
.diff-addedline .diffchange {
    background: #374fdf;
}

/* history */
#pagehistory li.selected {
    background-color: var(--background-mw);
    color: var(--color-mw);
}
.oo-ui-panelLayout-framed {
    border-color: var(--color-mw-border);
}

/* edit form */
.mw-editform #wpTextbox1 {
    background-color: #181818;
    color: var(--color-mw);
    border-color: var(--color-mw-border);
}

/* icon changes */
/* menu dropdown arrow */
.vector-menu-dropdown .vector-menu-heading:after,.mw-interlanguage-selector:after,
.oo-ui-indicator-down {
        background: url(/w/images/f/fb/Arrow-down.png) 100% 50% no-repeat;
}
/* avatar */
.mw-ui-icon-wikimedia-userAvatar:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/4/40/UserAvatar.png);
}
/*  */
.mw-ui-icon-wikimedia-watchlist:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/2/24/Watchlist.png);
}
/* sidebar hide menu */
#mw-sidebar-button:before {
    background-image: url("/w/images/6/61/ChevronBack.png");
}
/* sidebar hamburger menu */
#mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button:before {
    background-image: url(/w/images/b/b2/MenuHamburger.png);
}
/* search (sticky header) */
.mw-ui-icon-wikimedia-search:before,
.searchButton[name='go'],
.oo-ui-icon-search, .mw-ui-icon-search:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/9/95/Search.png);
}
/* discussion/talk */
.mw-ui-icon-wikimedia-speechBubbles:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/d/da/SpeechBubbles.png);
}
/* history/revisions */
.mw-ui-icon-wikimedia-history:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/b/bf/History.png);
}
/* on watchlist */
.mw-ui-icon-wikimedia-unStar:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/9/94/UnStar.png);
}
/* off watchlist */
.mw-ui-icon-wikimedia-star:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/2/2e/Star.png);
}
/* toc menu hidden icon */
.mw-ui-icon-wikimedia-listBullet:before {
    background-image: linear-gradient(transparent,transparent),url(/w/images/d/d8/ListBullet.png);
}
/* search icon */
.cdx-text-input__input:enabled~.cdx-text-input__icon,
.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,
.vector-sticky-header.vector-header-search-toggled .vector-search-box-show-thumbnail .cdx-text-input__start-icon {
    color: var(--color-mw);
}
/* help icon */
#mw-indicator-mw-helplink a {
    background-image: url(/w/images/0/01/HelpNotice.png)
}
/* clear icon */
.oo-ui-indicator-clear {
    background-image: linear-gradient(transparent,transparent),url(/w/images/a/a6/ClearCross.png);
}
/* icon hover (sticky header) */
.mw-ui-button:not(:disabled):hover,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet {
    background-color: rgb(0 0 0 / 10%);
}
/* invert icon */
.mw-collapsibleFieldsetLayout.mw-collapsible.mw-collapsed .mw-collapsible-toggle .oo-ui-icon-expand,
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon,
.mw-content-ltr .redirectText li:first-child /* redirect icon */ {
    filter: invert(1);
}

/* Preferences */
/* preference header */
.oo-ui-tabSelectWidget-framed {
    background-color: var(--background-mw-heading);
    border-bottom: var(--border-mw);
}
/* preference tabs: deselected */
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
    color: var(--link-mw);
}
/* preference tabs: deselected hover */
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: var(--background-mw-heading);
    color: var(--link-mw);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label:hover {
    border-bottom-color: var(--link-mw);
}
/* preference tabs: selected */
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--background-mw-heading);
    color: #e3e1df;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom-color: #e3e1df;
}
/* preference tabs: selected hover */
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label:hover {
    background-color: var(--background-mw-heading);
    color: #e3e1df;
    border-bottom-color: #e3e1df;
}
/* preference footer button */
.mw-prefs-buttons .mw-htmlform-submit-buttons {
    margin: 0 20px;
}
/* preference footer */
.mw-prefs-buttons {
    background-color: var(--background-mw-heading);
    border: 1px solid var(--color-mw-border);
}
/* preferences footer buttons */
.mw-prefs-buttons .mw-htmlform-submit-buttons {
    margin: 0 20px;
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, 
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
    border-color: var(--color-mw-border);
    background-color: var(--background-mw-even);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #1f1f1f;
    color: var(--color-mw);
    border-color: var(--color-mw-border);
}
/* dropdown */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.vector-menu-dropdown .vector-menu-content,
.vector-user-menu-logout {
    background-color: #242424;
    color: var(--color-mw);
    border-color: var(--color-mw-border);
    border-radius: var(--border-radius);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: #2a2a2a;
    border-color: #5b5b5b;
    color: var(--color-mw);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: #2a2a2a;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
/* dropdown menu widget */
.oo-ui-menuSelectWidget {
    background-color: #2a2a2a;
    border-color: #5b5b5b;
}
/* text */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: var(--color-mw);
}
/* heading */
.oo-ui-menuSectionOptionWidget {
    color: #e3e1df;
}
/* dropdown menu widget: selected */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    color: var(--link-mw)
}
/* dropdown menu widget: selected hover */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--background-mw-heading);
}
/* dropwdown menu widget: hover */
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--background-mw-even);
}

/* subpage link to basepage */
#contentSub > span.subpages {
    padding-right: 0.5em;
}

/* div based system warnings/messages */
div.mw-message-box-warning,
div.mw-message-box,
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system,
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system{
    color: var(--color-mw);
    background-color: var(--background-mw-heading);
    border: var(--border-mw);
}

/* Filters (watchlist) */
/* watchlist separator */
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
    border-color: var(--color-mw-border);
}
/* Filters: hidden */
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
    border: none;
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border: var(--border-mw);
    border-radius: var(--border-radius);
}
/* Fitlers (watchlist) main body */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    background-color: var(--background-mw-even);
    border-color: var(--color-mw-border);
}
/* active filters: namespaces & tags */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: transparent;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-radius: 0 0 var(--border-radius) 0;
    border-color: var(--color-mw-border);
    background-color: #242424;
}
/* Namespaces & Tags button: hover */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #2a2a2a;
    color: #e3e1df;
}
/* button cross */
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonWidget {
    opacity: 1;
}
/* filter dropdown: header & footer */
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--background-mw-heading);
    border-color: var(--color-mw-border);
}
/* filter dropdown: section heading */
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: var(--background-mw-heading);
    border-bottom: 1px solid var(--color-mw-border);
}
/* filter dropdown: separator */
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-color: var(--color-mw-border);
}
/* filter dropdown: footer buttons */
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button,
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
    border-radius: var(--border-radius);
    margin-right: 10px;
}
/* filter dropdown: unselected */
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: #2a2a2a;
}
/* filter dropdown: unselected hover */
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
    background-color: #262626;
}
/* changeslist legend (list of abbreviations) */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #2a2a2a;
    border-color: var(--color-mw-border);
    border-radius: var(--border-radius);
    padding: 3px;
}

/* calendar */
.mw-widget-dateInputWidget-calendar {
    background-color: var(--background-mw-even);
    border-color: var(--color-mw-border);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
/* calendar date range input */
#mw-input-date-range-to.mw-widget-dateInputWidget-active .oo-ui-inputWidget-input {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
    background-color: var(--background-mw-even);
    border-color: #5b5b5b;
}
/* calendar days */
.mw-widget-calendarWidget-day {
    color: var(--color-mw);
}
.mw-widget-calendarWidget-day-additional {
    color: var(--color-mw-subtext);
}
.mw-widget-calendarWidget-day-heading {
    color: #e3e1df;
}

/* watchlist */
/* filter revisions container */
.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
    background-color: var(--background-mw-even);
    border-color: var(--color-mw-border);
    border-radius: var(--border-radius);
}
/* compare revisions button */
div.mw-history-compareselectedversions > .mw-ui-button:not(:disabled):hover {
    background-color: var(--background-mw-even);
    color: var(--color-mw);
    border-color: #5b5b5b;
}