MediaWiki:Chameleon.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

: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);
}

.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);
}

.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);
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: var(--gray-dark);
}

.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);
}

.oo-ui-popupWidget-popup {
    background-color: var(--gray-dark);
}

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

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

div.oo-ui-fieldLayout-body > span.oo-ui-fieldLayout-field > span.oo-ui-checkboxInputWidget > input.oo-ui-inputWidget-input {
	background-color: var(--gray-dark);
}

div.oo-ui-tagMultiselectWidget-handle {
	background-color: var(--gray-dark)!important;
}

label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--white);
}

div.oo-ui-textInputWidget > input.oo-ui-inputWidget-input {
	background-color: var(--gray-dark);
	color: var(--white);
}

div.oo-ui-tagMultiselectWidget-handle > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-title > label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: var(--white);
}

div.oo-ui-tagMultiselectWidget-handle > div.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper > div.mw-rcfilters-ui-table > div.mw-rcfilters-ui-row > div.oo-ui-tagMultiselectWidget-content > div.oo-ui-tagMultiselectWidget-group > div.mw-rcfilters-ui-filterTagItemWidget > span.oo-ui-labelElement-label > bdi {
  	color: var(--pure-black);
}

div.mw-rcfilters-ui-itemMenuOptionWidget-label-title > bdi > span.oo-ui-labelElement-label {
  	color: var(--white);
}
div.mw-rcfilters-ui-itemMenuOptionWidget-label-desc > bdi {
  	color: var(--white);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--grey-selected);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
    background-color: #eaecf0;
    color: var(--pure-black);
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background-color: var(--gray-dark);
	border-bottom: 1px solid var(--gray-dark);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted:hover {
	color: var(--pure-black);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: var(--gray-dark);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--white);
}

div.mw-rcfilters-ui-menuSelectWidget-group > div.oo-ui-optionWidget-highlighted {
	background-color: var(--dark);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background-color: var(--gray-dark);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: var(--gray-dark);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--gray-dark);
}


.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: var(--grey-selected);
}