Difference between revisions of "MediaWiki:Chameleon.css"

From Arks-Visiphone
Jump to navigation Jump to search
Line 99: Line 99:
  
 
a[href].external {
 
a[href].external {
     color: var(--white);
+
     color: var(--pink);
 
}
 
}
  
 
code {
 
code {
 
     background-color: #2f2f2f;
 
     background-color: #2f2f2f;
 +
border: 0px;
 
}
 
}
  

Revision as of 02:47, 27 April 2024

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #ee5f5b;
    --orange: #fd7e14;
    --yellow: #f89406;
    --green: #62c462;
    --teal: #20c997;
    --cyan: #5bc0de;
    --white: #fff;
    --lightish-white: #aaa;
    --gray: #7a8288;
    --gray-dark: #3a3f44;
    --primary: #3a3f44;
    --secondary: #7a8288;
    --success: #62c462;
    --info: #5bc0de;
    --warning: #f89406;
    --danger: #ee5f5b;
    --light: #e9ecef;
    --dark: #272b30;
    --pure-black: #000;
    --grey-selected: #1c2025;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--lightish-white);
    text-align: left;
    background-color: var(--dark);
}

.mw-version-ext,
.mw-version-ext-authors,
.mw-version-ext-description,
.mw-version-ext-version {
	color: var(--white);
}

.table-dark, 
.table-dark > th, 
.table-dark > td {
    background-color: var(--dark);
}

.wikitable {
	background-color: var(--dark);
	color: var(--white);
}

table.wikitable.darkmode-text > * > tr > td > a {
    color: #565151;
}

table.wikitable > * > tr > th {
	background-color: #242729;
}

.navbar {
   background-color: var(--dark);
}

table.navbox {
    background: #1c1e22;
    border: 1px solid rgba(0, 0, 0, .6);
}

.contentHeader .firstHeading {
    color: var(--lightish-white);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--lightish-white);
}

th.navbox-group {
    background: #2e3236;
    border-right: 2px solid grey;
}

th.navbox-title {
    background: #2e3236;
    color: var(--lightish-white);
}

a {
    color: var(--white);
}

a:visited {
    color: var(--lightish-white);
}

a[href].external {
    color: var(--pink);
}

code {
    background-color: #2f2f2f;
	border: 0px;
}


table.plainlinks {
	background-color: var(--gray-dark)!important;
}

.panel {
    background-color: #1c1e22;
    border: 1px solid rgba(0, 0, 0, .6);
}

.p-navbar .navbar-nav .navbar-tool > a,
.p-navbar a.navbar-more-tools, .p-navbar a.navbar-usernotloggedin, .p-navbar a.navbar-userloggedin, .p-navbar a.navbar-tool-link, .p-navbar a:visited.navbar-tool-link {
    color: rgba(255, 255, 255, 0.5);
}

.smw-tabs input.nav-tab:checked + label.nav-label {
	color: var(--lightish-white);
}

.smw-tabs > section#tab-content-general > form#smw-form-support > h3,
.smw-tabs > section#tab-content-general > form#smw-form-announce > h3,
.smw-tabs > section#tab-content-general > form#smw-form-buildtables > h3,
.smw-tabs > section#tab-content-supplement > h3,
.smw-tabs > section#tab-content-general > h3 {
	color: var(--lightish-white);
}

.smw-tabs > section#tab-content-general > pre {
	background-color: #1c1e22;
}

.smw-callout-error {
    color: black;
}

.smw-callout-error > a.external,
div.qtip-content > span.smwttcontent > ul > li > a {
 	color: #545454;
}

.smwb-theme-light {
	background-color: #1c1e22;
}

span.smwb-value {
	color: var(--lightish-white);
}

// UI buttons

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	background-color: var(--primary);
	border-color: var(--primary);
}

// Recent Changes Filter UI

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
    border-bottom: 1px solid #a2a9b1;
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-hideshow {
    border-left: 1px solid #a2a9b1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-ui-filterTagMultiselectWidget-animate.oo-ui-tagMultiselectWidget-handle {
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle {
    background-color: #eaf3ff;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: #54595d;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
    color: #202122;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border: 1px solid #a2a9b1;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
    color: #72777d;
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom: 1px solid #eaecf0;
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
    border-top: 4px solid #c8ccd1;
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: #f8f9fa;
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #eaf3ff;
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: #202122;
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: #54595d;
}
.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel {
    color: #54595d;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: #f8f9fa;
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: #54595d;
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
    background-color: #eaecf0;
    color: var(--pure-black);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: #eaecf0;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: #54595d;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-active .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title {
    font-weight: bold;
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #eaecf0;
    border-color: #c8ccd1;
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: #72777d;
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-invalid.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: #b32424;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #eaf3ff;
    border-color: #3366cc;
}
.mw-rcfilters-ui-tagItemWidget-popup-content {
    color: #54595d;
}
.mw-rcfilters-ui-tagItemWidget-highlight[data-color="c1"]:before {
    background-color: #3366cc;
}
.mw-rcfilters-ui-tagItemWidget-highlight[data-color="c2"]:before {
    background-color: #00af89;
}
.mw-rcfilters-ui-tagItemWidget-highlight[data-color="c3"]:before {
    background-color: #ffcc33;
}
.mw-rcfilters-ui-tagItemWidget-highlight[data-color="c4"]:before {
    background-color: #ff6d22;
}
.mw-rcfilters-ui-tagItemWidget-highlight[data-color="c5"]:before {
    background-color: var(--danger);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
    color: #54595d;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    border-bottom: 1px solid #c8ccd1;
    background-color: #f8f9fa;
}
.mw-rcfilters-ui-menuSelectWidget-noresults {
    color: #54595d;
}
.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #c8ccd1;
}
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: #54595d;
}
.mw-rcfilters-ui-datePopupWidget {
    border-top: 1px solid #a2a9b1;
}
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
    color: #72777d;
}

@keyframes fadeBlue {
    60% {
        border-top-color: #3366cc;
    }
    100% {
        border-top-color: #c8ccd1;
    }
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
    border-top: 2px solid #c8ccd1;
}
.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n + 2)) {
    background-color: #dee0e3;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--gray-dark);
}
.mw-rcfilters-ui-highlights-color-none {
    background-color: #ffffff;
    border: 1px solid #54595d;
}
.mw-rcfilters-ui-highlights-color-c1 {
    background-color: #3366cc;
}

.mw-rcfilters-ui-highlights-color-c2 {
    background-color: #00af89;
}
.mw-rcfilters-ui-highlights-color-c3 {
    background-color: #ffcc33;
}
.mw-rcfilters-ui-highlights-color-c4 {
    background-color: #ff6d22;
}
.mw-rcfilters-ui-highlights-color-c5 {
    background-color: var(--danger);
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.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)),
.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: #c2d1f0;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.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)),
.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: #b3e7dc;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.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)),
.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: #fff0c2;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.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)),
.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: #ffd3bd;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #f5c2c2;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2 tr:first-child,
.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)),
.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: #8cc5d5;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3 tr:first-child,
.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)),
.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: #ccdecc;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4 tr:first-child,
.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)),
.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: #ccb4bb;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #c4a6bf;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3 tr:first-child,
.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)),
.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: #bfdeaf;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4 tr:first-child,
.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)),
.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: #bfc7aa;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #b7b8af;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child,
.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)),
.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: #ffce95;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #f7bf99;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #f7a895;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3 tr:first-child,
.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)),
.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: #94bda8;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #8c99a8;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4 tr:first-child,
.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)),
.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: #94a7a4;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child,
.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)),
.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: #d0ad90;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #c8a094;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #c88a90;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child,
.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)),
.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: #c4be80;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #bcb184;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #bc9a80;
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-highlight-color-c5 tr:first-child,
.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)),
.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: #f7a16c;
}
.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-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,
.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)),
.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: #b5ae8b;
}
.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,
.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,
.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)),
.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: #aea18f;
}
.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,
.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,
.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)),
.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: #ae8d8b;
}
.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,
.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,
.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)),
.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: #d2917f;
}
.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,
.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,
.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)),
.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: #c89f73;
}
.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,
.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,
.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)),
.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: #b28874;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none {
    background-color: #ffffff;
    border: 1px solid #54595d;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
    background-color: #ffffff;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c1 {
    background-color: #3366cc;
    border-color: #3366cc;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c1.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c1.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c1.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
    background-color: #3366cc;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c2 {
    background-color: #00af89;
    border: 1px solid #54595d;
    border-color: #00af89;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c2.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c2.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c2.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
    background-color: #00af89;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c3 {
    background-color: #ffcc33;
    border: 1px solid #54595d;
    border-color: #ffcc33;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c3.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c3.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c3.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
    background-color: #ffcc33;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c4 {
    background-color: #ff6d22;
    border: 1px solid #54595d;
    border-color: #ff6d22;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c4.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c4.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c4.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
    background-color: #ff6d22;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c5 {
    background-color: var(--danger);
    border: 1px solid #54595d;
    border-color: var(--danger);
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c5.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c5.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c5.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--danger);
}
.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle-color-c1 {
    background-color: var(--primary);
}
.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle-color-c2 {
    background-color: var(--success);
}
.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle-color-c3 {
    background-color: var(--warning);
}
.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle-color-c4 {
    background-color: var(--yellow);
}
.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle-color-c5 {
    background-color: var(--danger);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: #72777d;
}
.mw-rcfilters-ui-savedLinksListItemWidget:hover {
    background-color: #eaecf0;
    color: var(--pure-black);
}
.mw-rcfilters-ui-savedLinksListItemWidget-label {
    color: #3366cc;
}
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
    border-top: 2px solid #eaecf0;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] {
    background-color: #ffffff;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder {
    color: var(--pure-black);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder {
    color: var(--pure-black);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder {
    color: var(--pure-black);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-moz-placeholder {
    color: var(--pure-black);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder {
    color: var(--pure-black);
}