User:Ortemis/common.css

#aoeu {
#mw-panel {
	display: none;
}

#content {
    margin-left: 0;
}

/* Global color palette */
  :root {
    --base-color: rgb(65, 131, 196);
    --base-color-rgb: 65, 131, 196;
    --base-color-rgba-3: rgba(var(--base-color-rgb), 3);
    --base-color-rgba-8: rgba(var(--base-color-rgb), 8);
    --tab-color: rgb(224, 139, 38);
    --visited-color: rgb(41, 88, 135);
    --bg-custom: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAD1BMVEUREREREREAAAAREREWFhkN5cwCAAAABHRSTlNfGAAwFBG7CgAAACxJREFUeAFjYGJiZGBhhhMMYIIRTjCgcIE8VC4TKpeRmYEZiTtIzGNihhNMAJJAATdKr5xFAAAAAElFTkSuQmCC');
    --bg-selected: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAAAAABURb1YAAAFoUlEQVR4AWXWCY7kMJcDYd9DiCD4jLr/EWezJOT8vbMXy8ZngpVPlLUWbWABJFVRZyqqdqIq9O9V1gJS14KFfYzASvgS1UTF1jSqE9qgNjYVoNxLfIhCBFKhOTdPNR11KpmKk4W2LhowESMPKHHBItCg2tqoGm0VbWnXAmxIAFALPIAtCxY4VVX7jqrSGRVlJnwqfRsAIG+BZ0EmHy7Jm3NMo6KzdWXGc8ycY2zyHdOrW3hHhcQ0+uvcYlz3LQgQVyrPp2t+dUncjzHVTNFNuvhwK2Jgkfh856/INm05pjEVtWEKC6IfrmmtfPnpYZkRVTPjFztVUDsDLLCvR2WmX6RPXV/KRBQ7E0GZN5w+5+rKd2J7Ev1sFtVGlYY2oq2tgtN1SakCTkwiaxkebLZuJtjCd/OvyY1OQXXrGnAKfE67xbGq/NzemNviTWC2LjHjl6ruFucdUTTT4/wO7tQtkPd0LtO1ncs+ZrVvUXXeHue3Xt1zTD1vJlkbt8rigWhH3EUJ6HT31JYE1lp15XY1BSDaFh4asRNt0U5gqraB+UyFZJNagXh/qTxV1TY90VSVSLMX0W7dGA/4SfEZj+R7l6Hs9O6Orx5ne51Tj3Oev5E9MFWReefovrI73lzdnTziy8mTRjU1jZ99GtT52We2bmVfvqvKovqYqZ6N2GlGbRZYWM3CRKzX2bVQoMqjnbSopmlBTe3vMix227dzvqRJVR9+dT0LfJZhTyzbeaffIg6qz+muKJ2KoJ249yD3ku5kI/sJm31Mj41TrIoNVlgrolc33nTK06qPrdpRW6UTnZwnj6BuXdy6EMCqtPqcPUhS9OoC6mnYr+7p7tY10zyfLv7ovrMxfLs2y9trusGZMyW+80zU7z9Wz5D//8YusxMkP845i/Qk21Sru3W3u+aI5OtbWK3bpVVtk8c0OnuLpYVlXWQrYgFui0nAouTMy6OZtKKk5+EN9+GPs6e7aOpuewv6eL++gfnrIbiNdX7+bu0+j4rCvKo+aKdVxenV7dGtO3F1aRrP00R9sN26TNa+JsLpKYmLtZ1ZWJxGSc1UfDy7q/1Ms9ZdbuICFXJ1I5puXRt8WlXTpAsWhrrb4v7K7e3N7a5pZ4f0ed3mfy8L1iLzr3PmpDllv0nnfaaeZcj185/d/U3qj662fWwFpnsSqYvb3eN1+ky0Vclom50eTncXxA9x2cDu/F6GZcSAGrWqCe698be7qTv529jjXEVtT9GSGbktZp3G7nScj+4CTnflfXN1VXzU1uyLG88KnBSPblVBnUZFm91inYBsXW/zbG4SltE0YKtp1I5po4/tbWxYZ83PFldYiWcZCpkvaUc11Weu7iYwhltZfu3VnlGhnRHUmT6zABb+mv4u8Np/p1xTVd9XYG9x3RNybm39cWYnGkXTO9kn0fG5y7BWXKexp7v085JOxI62OyWN0pEHE/yEEgx7LSyf7rJbklTVakak3e18wHicTVlrRzeV9WzjiGrP7NqZAmt/Lv5nd518uitvVNH56W5Qwfd1AQ+YxP/UjXqfJgpm2tyhUpE0suBZFqzHNFm7uzl/l7sHnajtdf68Fs/ZWMm4gHpb/OliqjfRUf2bmBGYLJ66u5vJrpqRf5cORdupKvl7D2n06VdiMl3/sbvrdBfnL6ri+yX07933pfP801huIiaoOLm6J82c2xkfb2NPAs1Zhmva6XWuOm/W1P0+Hmz4XRnXTWpGs/cgN2nvZwsiPEBSd3Ud2XFjJNPtPCd1Zlys2zmef3Z3rU8tomK3rs5N73v3+ZXd4uY6E2GB9SzD7MbaprkJYN1rn1/dSCJrWc1U6GjbLZIp2nFZf67g4e6ucbH40Y1WwebsbrbuUjCfxGdzG/uldlA1naJI5p3j/FaARdxvZtKHfz49dIKizl9hL3Cvruf/3Sum/w07RUTLccAlwgAAAABJRU5ErkJggg==');
    --bg-attachment: scroll;
    /* base palette */
    --black: #000;
    --gray-1: #111;
    --gray-2: #222;
    --gray-3: #333;
    --gray-4: #444;
    --gray-5: #555;
    --gray-7: #777;
    --gray-a: #aaa;
    --gray-c: #ccc;
    --gray-d: #ddd;
    --gray-e: #eee;
    --white: #fff;
    --gray-18: #181818;
    --gray-28: #282828;
    --gray-2f: #2f4f4f;
    --gray-69: #696969;
    --gray-9a: #9a9a9a;
    --gray-b9: #b9b9b9;
    --gray-bc: #bcbcbc;
    --blue: #00f;
    --blue-1: #36c;
    --blue-2: #182030;
    --blue-3: #212c43;
    --blue-4: #3c5487;
    --red: #f00;
    --red-0: #400;
    --red-1: #c22;
    --red-2: #d33;
    --red-3: #722;
    --red-rgb: rgba(119, 34, 34, .4);
    --red-4: #ff4242;
    --green: #0f0;
    --green-1: #390;
    --green-2: #165316;
    --green-3: #061;
    --green-4: #002800;
    --brown-1: #321;
    --brown-2: #542;
    --brown-3: #261d08;
    --brown-4: #4b380d;
    --yellow-1: #b28200;
    --yellow-2: #ffdd7f;
    --orange-1: #e53e00;
    --orange-2: #e08b26;
    --purple-d: #241738;
    --purple-0: #312641;
    --purple-1: #382b4a;
    --purple-2: #768;
    --pink-0: #3e243c;
    --pink-1: #6b3e68;
    --pink-2: #965691;
    --pink-3: #ffbefa;
    --cyan-1: #194d41;
    --ores-1: #222800;
    --ores-2: #222000;
    --ores-3: #221800;
    --black_17: rgba(0, 0, 0, .175);
    --black_2: rgba(0, 0, 0, .2);
    --black_25: rgba(0, 0, 0, .25);
    --black_5: rgba(0, 0, 0, .5);
    --black_8: rgba(0, 0, 0, .8);
    --gray-2_75: rgba(34, 34, 34, .75);
    --gray-3_5: rgba(51, 51, 51, .5);
    --gray-5_25: rgba(85, 85, 85, .25);
    --gray-6_5: rgba(100, 100, 100, .5);
    --white_1: rgba(255, 255, 255, .1);
    --white_25: rgba(255, 255, 255, .25);
    --diff-del: #c22;
    --diff-add: #36c;
    --revs-old: #b28200;
    --revs-new: #070;
    /* assessment colors */
    --assess-1: #06c;
    --assess-2: #29c;
    --assess-3: #070;
    --assess-4: #6b0;
    --assess-5: #993;
    --assess-6: #b60;
    --assess-7: #921; /* was #901 */
    --assess-8: #85f;
    --assess-9: #070;
    --assess-10: #0b6;
    --assess-11: #a4c;
    --assess-12: #568;
    /* meta wiki */
    --green-a0: #2f4500;
    --green-a1: #27560f;
    --green-a2: #016101;
    --green-a3: #305229;
    --green-a4: #50612b;
    --green-a5: #676702;
    --bluei-a0: #014523;
    --bluei-a1: #004e4e;
    --bluei-a2: #05493b;
    --bluei-a3: #1b3a2a;
    /* WD query service */
    --cm-0: #141414;
    --cm-1: #27282e;
    --cm-2: #f9ee98;
    --cm-3: #fc0;
    --cm-4: #ca7841;
    --cm-5: #8da6ce;
    --cm-6: #607392;
    --cm-7: #cda869;
    --cm-8: #8f9d6a;
    --cm-9: #bd6b18;
    --cm-10: #f7f7f7;
    --cm-11: #997643;
    --cm-12: #d6bb6d;
    --cm-13: #ff6400;
    --cm-14: #aeaeae;
    --cm-15: #ad9361;
  }
  .cm-comment, .cm-link {
    font-style: italic;
  }
  .CodeMirror {
    background: var(--gray-18);
  }
  .CodeMirror-gutters {
    background: var(--gray-2);
    border-right: 1px solid var(--gray-4);
  }
  .CodeMirror-guttermarker {
    color: var(--white);
  }
  .CodeMirror-guttermarker-subtle, .CodeMirror-linenumber {
    color: var(--gray-a);
  }
  .CodeMirror-cursor {
    border-left: 2px solid var(--white);
  }
  .CodeMirror-activeline-background {
    background: var(--cm-1);
  }
  .CodeMirror-matchingbracket {
    outline: 1px solid var(--gray);
    color: var(--white);
  }
  .CodeMirror-line::selection, .CodeMirror-line > span::selection,
  .CodeMirror-line > span > span::selection {
    background: var(--cm-1);
  }
  .cm-keyword {
    color: var(--cm-2);
  }
  .cm-atom {
    color: var(--cm-3);
  }
  .cm-number {
    color: var(--cm-4);
  }
  .cm-def, .cm-mw-section-header, .cm-mw-link-pagename, .cm-mw-link-bracket,
  .cm-mw-link-delimiter, .cm-mw-indenting, .cm-mw-extlink-bracket, .cm-mw-list,
  .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-link-tosection {
    color: var(--cm-5);
  }
  .cm-mw-skipformatting {
    background-color: var(--cm-6);
  }
  .cm-variable-2, .cm-variable-3, span.cm-def, span.cm-tag,
  .cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol, .cm-mw-extlink,
  .cm-mw-free-extlink {
    color: var(--cm-6);
  }
  .cm-builtin, .cm-operator {
    color: var(--cm-7);
  }
  .cm-comment {
    color: var(--gray-7);
    font-weight: 400;
  }
  .cm-string, .cm-mw-htmltag-name, .cm-mw-htmltag-bracket, .cm-mw-exttag-name,
  .cm-mw-exttag-bracket, .cm-mw-htmltag-attribute, .cm-mw-exttag-attribute,
  .cm-mw-mnemonic {
    color: var(--cm-8);
  }
  .cm-string-2 {
    color: var(--cm-9);
  }
  .cm-meta {
    background-color: var(--gray-18);
    color: var(--cm-10);
  }
  .cm-tag {
    color: var(--cm-11);
  }
  .cm-attribute {
    color: var(--cm-12);
  }
  .cm-header, .cm-mw-table-bracket, .cm-mw-table-definition,
  .cm-mw-table-delimiter {
    color: var(--cm-13);
  }
  .cm-hr {
    color: var(--cm-14);
  }
  .cm-link {
    color: var(--cm-15);
    text-decoration: none;
  }
  .cm-error {
    border-bottom: 1px solid var(--red);
  }
  .cm-mw-template-name, .cm-mw-template-bracket, .cm-mw-template,
  .cm-mw-template-argument-name, .cm-mw-template-delimiter {
    color: var(--cm-10);
  }
  .ace-tm .ace_gutter {
    background: var(--cm-1);
    color: var(--cm-10);
  }
  .ace-tm .ace_print-margin {
    background: var(--cm-1);
  }
  .ace-tm .ace_fold {
    background-color: var(--cm-6);
  }
  .ace-tm {
    background-color: var(--cm-0);
    color: var(--cm-10);
  }
  .ace-tm .ace_cursor {
    color: var(--cm-10);
  }
  .ace-tm .ace_invisible {
    color: var(--cm-10);
  }
  .ace-tm .ace_storage, .ace-tm .ace_keyword {
    color: var(--cm-5);
  }
  .ace-tm .ace_constant {
    color: var(--cm-13);
  }
  .ace-tm .ace_constant.ace_buildin {
    color: var(--cm-14);
  }
  .ace-tm .ace_constant.ace_language {
    color: var(--cm-14);
  }
  .ace-tm .ace_constant.ace_library {
    color: var(--cm-8);
  }
  .ace-tm .ace_invalid {
    background-color: rgba(255, 0, 0, .1);
    color: var(--cm-13);
  }
  .ace-tm .ace_support.ace_function {
    color: var(--cm-5);
  }
  .ace-tm .ace_support.ace_constant {
    color: var(--cm-8);
  }
  .ace-tm .ace_support.ace_type, .ace-tm .ace_support.ace_class {
    color: var(--cm-14);
  }
  .ace-tm .ace_keyword.ace_operator {
    color: var(--cm-14);
  }
  .ace-tm .ace_string {
    color: var(--cm-8);
  }
  .ace-tm .ace_comment {
    color: var(--cm-14);
  }
  .ace-tm .ace_comment.ace_doc {
    color: var(--cm-5);
  }
  .ace-tm .ace_comment.ace_doc.ace_tag {
    color: var(--cm-14);
  }
  .ace-tm .ace_constant.ace_numeric {
    color: var(--cm-5);
  }
  .ace-tm .ace_variable {
    color: var(--cm-12);
  }
  .ace-tm .ace_xml-pe {
    color: var(--cm-11);
  }
  .ace-tm .ace_entity.ace_name.ace_function {
    color: var(--cm-5);
  }
  .ace-tm .ace_heading {
    color: var(--cm-5);
  }
  .ace-tm .ace_list {
    color: var(--cm-13);
  }
  .ace-tm .ace_meta.ace_tag {
    color: var(--cm-6);
  }
  .ace-tm .ace_string.ace_regex {
    color: var(--cm-13);
  }
  .ace-tm .ace_marker-layer .ace_selection {
    background: var(--cm-1);
  }
  .ace-tm.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0 var(--cm-10);
  }
  .ace-tm .ace_marker-layer .ace_step {
    background: var(--cm-3);
  }
  .ace-tm .ace_marker-layer .ace_stack {
    background: var(--cm-2);
  }
  .ace-tm .ace_marker-layer .ace_bracket {
    border: 1px solid var(--cm-14);
  }
  .ace-tm .ace_marker-layer .ace_active-line {
    background: rgba(0, 0, 0, .07);
  }
  .ace-tm .ace_gutter-active-line {
    background-color: var(--gray-3);
  }
  .ace-tm .ace_marker-layer .ace_selected-word {
    background: var(--gray-3);
    border: 1px solid var(--cm-11);
  }
  .ace-tm .ace_indent-guide {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;
  }
  .ve-ui-mwAceEditorWidget .ace_editor {
    border-color: var(--cm-6);
  }/* transparent background */
  html, body, .mw-body {
    background-color: var(--gray-2);
    background-image: var(--bg-selected);
    background-clip: border-box;
    background-origin: padding-box;
    background-attachment: var(--bg-attachment);
    background-repeat: repeat !important;
  background-size: auto !important;
  background-position: left top !important;
    color: var(--gray-c);
  }
  .mw-body, .parsoid-body, #mp-topbanner,
  span:not(.legend-color):not():not():not(.wikibase-toolbar-wrapper):not(.tool),
  .navbox-list, .mw-wsmfinal-content, .mw-body-content,
  .referencetooltip > li + li, div.vectorTabs ul li,
  tr, th,
  .mw-echo-notifications-badge, .ext-cards-card-list .ext-cards-card,
  .infobox span.plainlinks *, .tracklist, .vertical-navbox th a,
  blockquote, .ns-0 ul, .ns-0 ol li,
  table.flextable, table.flextable .invisible, table#noarticletext,
  table#noarticletext table, .metadata.plainlinks.stub,
  .mw-body-content #mw-content-text h2:not(),
  .mw-body-content .portal ul, div:not,
  .wikitable > tr, .wikitable > tr > th, .wikitable > tr > td,
  .wikitable > * > tr, .wikitable > * > tr > th,
  .wikitable > * > tr > td:not(.break), .wikitable th span,
  .inline-quote-talk, .oo-ui-fieldsetLayout-group .oo-ui-widget,
  .mw-parser-output .mod-gallery .whitebg img,
  .mw-parser-output .mod-gallery .gallerybox div, tt {
    background-color: transparent !important;
  }
  .mw-body, .parsoid-body {
    background-color: transparent !important;
    color: var(--gray-9a);
  }
  .mw-mmv-download-pane .mw-mmv-download-attribution {
    background-color: var(--gray-2);
    color: var(--gray-a);
  }
  .mw-mmv-download-pane .mw-mmv-download-attribution:hover {
    background-color: var(--gray-28);
    color: var(--gray-c);
  }
  .mw-mmv-permission-box, .mw-mmv-info-box {
    border-color: var(--gray-5);
    background-color: transparent !important;
  }
  .mw-mmv-image-metadata, .navbox, .navbox-subgroup, .mwe-pt-article-row-odd,
  .mwe-pt-article-row-even, .ve-ui-mwSaveDialog-options, #mw-page-base,
  .mw-parser-output #siteContainer div:first-child, div.vectorTabs li.selected {
    background-color: transparent;
  }
  .lang-list-button {
    border-color: var(--gray-5);
    outline-color: transparent !important;
  }
  .lang-list-border {
    background-color: var(--gray-5);
  }
  .lang-list-button:focus {
    box-shadow: inset 0 0 0 1px var(--base-color);
  }
  .lang-list-active .lang-list-button {
    outline: 1px solid var(--base-color);
    border-color: var(--base-color) !important;
  }
  /*** Overall ***/
  td, li, th:not():not(), caption, p code, label code,
  dl code, .oo-ui-widget:not() div, .oo-ui-widget label,
  #pagehistory li.selected, #mwe-popups-settings main form label,
  #pt-anonuserpage, .oo-ui-textInputWidget .oo-ui-inputWidget-input,
  .oo-ui-messageDialog-title, .oo-ui-messageDialog-message,
  .mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label, .mw-mmv-image-desc,
  .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
  .guider_content h1, .guider_content p, select#searchLanguage option, dt,
  .tfa-recent, #contentSub, #contentSub2, .central-featured-lang .link-box small,
  .central-featured-lang .link-box small, .other-project-tagline,
  .mw-number-text, .tux-editor-header, .tux-breadcrumb, .mw-mmv-title,
  .ext-translate-language-selector-label, #mw-mwoauth-authorize-form,
  .mw-parser-output > div > blockquote > p, .mw-parser-output,
  .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: var(--gray-c);
  }
  .oo-ui-listToolGroup.oo-ui-widget-disabled,
  .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
  .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
    color: var(--gray-7);
  }
  /* text color fix to black for https://en.wikipedia.orghttps://dictious.com/en/Web_colors#Hex_triplet,
	   if this breaks something we need to differenciate specificity */
  .color-chart-x11-table tr > td {
    color: var(--gray-1);
  }
  .wikitable tr td {
    color: var(--gray-1);
  }
  h1, h2, h3, h4, h5, h6, #footer li,
  .infobox th:not(),
  div:not():not():not():not(),
  input, input, .oo-ui-buttonElement-button,
  .oo-ui-buttonElement-button:hover, input, select,
  .suggestions-result, input, .central-featured-lang .link-box em,
  div.flaggedrevs_preview, div.plainlinks,
  .table-partial,
  a span, .vertical-navbox th span,
  span,
  tr, span,
  div,
  td:not(),
  td:not(), div,
  td, .mw-mmv-post-image,
  .mw-mmv-permission-box .mw-mmv-permission-text, span,
  td, td,
  td, td {
    color: var(--gray-c) !important;
  }
  a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button, .toctogglelabel,
  #content a:not(.new):not():not(.mw-charinsert-item):not(),
  #mw-navigation li:not(.new) a:not(.new), #mw-panel li:not(.new) a:not(.new),
  #column-one li:not(.new) a:not(.new), #footer a:not(.new),
  .other-project-title, a.wbc-editpage:hover,
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
  span, a span, .ui-dialog a,
  .langlist a:hover, span,
  a:hover span,
  #firstHeading div.fastcci-buttonset > .ui-button {
    color: var(--base-color) !important;
  }
  #firstHeading a > span, font,
  .mw-rcfilters-ui-filterWrapperWidget-showNewChanges .oo-ui-labelElement-label,
  .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
  .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
  .fancycaptcha-reload, .tux-breadcrumb__item--aggregate,
  .ext-translate-language-selector .uls {
    color: var(--base-color);
  }
  .mw-parser-output > div::before, .uls-icon-close,
  .tool-button,
  .tool-button {
    filter: invert(1);
  }
  .wb-langlinks-link > a:link::before, .wb-langlinks-link > a:visited::before,
  .search-container .sprite.svg-arrow-down {
    filter: grayscale(1) brightness(230%);
    opacity: .8;
  }
  .wb-langlinks-link > a:hover::before {
    filter: grayscale(1) brightness(280%);
    opacity: 1 !important;
  }
  .wikitable > tr > th,
  .wikitable > * > tr > th {
    background: var(--gray-3) !important;
  }
  a:visited, #toc a:visited, #toc a:visited span,
  .vectorTabs li.new:not(.selected) a:visited,
  #content a:not(.new):not():not(.mw-charinsert-item):not():visited,
  #mw-panel li:not(.new) a:not(.new):visited,
  #p-navigation li:not(.new) a:not(.new):visited,
  #p-tb li:not(.new) a:not(.new):visited {
    color: var(--visited-color) !important;
  }
  legend .oo-ui-labelElement-label, .cnotice-message p,
  #mwe-popups-settings header h1, #mwe-popups-settings main form label > span,
  .mwe-popups-settings-help p, font,
  #content td a {
    color: var(--gray-d) !important;
  }
  a:hover,
  a:not(.mw-redirect):not(.link-box):hover span:not():not(.oo-ui-tool-title):not(.oo-ui-labelElement-label):not():not():not(),
  #toc a:hover, .suggestions-result .highlight,
  .suggestions-special .special-query {
    color: var(--white) !important;
  }
  .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
    color: var(--gray-e) !important;
    background-color: var(--base-color);
  }
  .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
    outline: 1px dashed var(--gray-5);
    background-color: var(--gray-3);
  }
  .central-featured-lang a:focus, .other-project a:focus,
  #p-lang .uls-settings-trigger:focus {
    outline: 1px solid var(--base-color);
  }
  .oo-ui-messageDialog-content > .oo-ui-window-foot,
  .oo-ui-processDialog-content .oo-ui-window-head,
  .oo-ui-processDialog-content .oo-ui-window-foot {
    outline: 1px solid var(--gray-5);
  }
  .ve-ce-focusableNode-highlight {
    background: var(--base-color-rgba-3);
    box-shadow: inset 0 0 0 1px var(--base-color-rgba-3);
  }
  .ve-ce-linkAnnotation.ve-ce-annotation-active {
    box-shadow: 0 0 0 1px var(--gray-5);
    background-color: var(--gray-1);
  }
  .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {
    border-top-color: var(--gray-4);
  }
  .ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode ::selection {
    background: var(--base-color);
  }
  .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    color: var(--base-color);
    box-shadow: inset 0 -2px 0 0 var(--base-color);
  }
  tt, tt {
    background: var(--gray-1) !important;
  }
  div.mw-echo-ui-toggleReadCircleButtonWidget-circle {
    background-color: var(--gray-7) !important;
  }
  .mw-echo-ui-toggleReadCircleButtonWidget-circle.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
    background-color: transparent !important;
    border: 1px solid var(--gray-7);
  }
  .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
    background-color: var(--gray-69) !important;
  }
  .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
    background-color: var(--gray-2f) !important;
  }
  .mw-collapsible:not():not() th:not(.wikidatainfobox-lcell):not():not():not():not():not():not(.mbox-text) {
    background-color: var(--gray-3) !important;
  }
  .oo-ui-toolbar-bar, .oo-ui-window-head, .oo-ui-window-foot,
  .oo-ui-popupToolGroup-tools, #language-settings-dialog {
    background: var(--gray-2) !important;
  }
  table.diff, td.diff-otitle, td.diff-ntitle,
  .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
  .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
  .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
  .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active:focus,
  .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
  .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
  .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
    background-color: var(--gray-3);
  }
  div {
    background-color: var(--gray-18) !important;
    border-top-color: var(--gray-5) !important;
  }
  .oo-ui-checkboxInputWidget.oo-ui-widget-enabled :checked + span,
  .oo-ui-checkboxInputWidget.oo-ui-widget-enabled :indeterminate + span {
    background-color: var(--base-color) !important;
    filter: none !important;
  }
  .oo-ui-checkboxInputWidget :hover + span {
    border: 1px solid var(--base-color) !important;
  }
  input {
    background-color: var(--base-color);
  }
  .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,
  .footer-sidebar-text, .site-license {
    color: var(--gray-9a);
  }
  .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
    background-color: var(--gray-3);
  }
  .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted:hover {
    color: var(--base-color);
  }
  .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--blue-2) !important;
    color: var(--gray-c);
  }
  /* text selection */
  ::selection, ::-moz-selection {
    background-color: var(--base-color) !important;
    color: var(--white) !important;
  }
  /*** Background ***/
  .mw-prefs-buttons {
    background-image: var(--bg-selected);
    background-color: var(--gray-2);
  }
  button, .pure-button-primary-progressive,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background-color: var(--base-color) !important;
    border-color: transparent !important;
    color: var(--white) !important;
  }
  #languagesettings-panels .mw-ui-pressed {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
    color: var(--white) !important;
  }
  .mw-ui-button {
    background-color: var(--gray-3) !important;
    color: var(--gray-d);
    border-color: var(--gray-4) !important;
  }
  .mw-ui-button:hover {
    background-color: var(--gray-4) !important;
    color: var(--gray-e) !important;
    border-color: var(--gray-5);
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    background-color: var(--red-2) !important;
    border-color: transparent !important;
    color: var(--white) !important;
  }
  .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
    background-color: var(--gray-7);
  }
  .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
    background-color: var(--gray-4);
  }
  .pure-button-primary-progressive:hover,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-image: linear-gradient(var(--white_1), var(--white_1)) !important;
  }
  .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
  .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--gray-28);
  }
  .mw-ui-button.mw-ui-progressive {
    color: var(--gray-e) !important;
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
  }
  .mw-ui-button.mw-ui-progressive:hover {
    background-color: var(--base-color);
    border-color: var(--base-color);
    opacity: .9;
  }
  .mw-ui-button.mw-ui-progressive:disabled,
  button.mw-ui-button.mw-ui-progressive:active {
    background-color: var(--gray-3) !important;
    color: var(--gray-5) !important;
    border-color: var(--gray-4) !important;
    opacity: .9;
  }
  .suggestions-dropdown,
  .wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container {
    background-color: var(--gray-3);
    border-color: var(--gray-4);
  }
  a.suggestion-link {
    border-color: var(--gray-4);
  }
  .suggestion-title {
    color: var(--gray-c) !important;
  }
  .suggestion-description, .mw-mmv-credit {
    color: var(--gray-b9);
  }
  .suggestion-link.active {
    background-color: var(--blue-4);
  }
  .suggestions-results .suggestions-result:hover,
  .suggestions-result-current:hover, .mw-pulsating-dot::before,
  .mw-pulsating-dot::after {
    background: var(--base-color);
  }
  #mw-page-base, div.vectorTabs, div.vectorTabs *, .wikiEditor-ui-toolbar,
  #p-cactions-label, .client-js #preftoc, .client-js #preftoc li,
  .client-js #preftoc li.selected a, .ui-widget-content,
  .ext-cards-card-list h3::after, #simpleSearch,
  .mw-advancedSearch-fieldContainer {
    background-image: none !important;
  }
  /* hack around sidebar bottom border brightness */
  .portal h3, .vector-menu-portal h3 {
    background-image: linear-gradient(to top, transparent, var(--gray-c));
    background-size: auto 1px;
  }
  .vector-menu-content-list li {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background-color: var(--bg-selected);
    background-image: none;
  }
  .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: none;
  }
  .vector-menu-dropdown .vector-menu-content-list {
    background-color: var(--gray-2);
    border-color: var(--gray-5);
  }
  .wpb .portal ul, .boilerplate .pullquote, .module-shortcutboxplain,
  .mw-trackedTemplate, .todo-box {
    background-color: var(--gray-3) !important;
  }
  .mw-body-content .portal, .sistersitebox,
  .boilerplate:not, .NavFrame, .divbox,
  div.resolved span, div.unresolved span, div.unsure span, div.stale span,
  div.being_worked_on span, div.stuck span, div.disregard span, div.FYI span,
  .vertical-navbox:not(.nowraplinks),
  .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    background-color: var(--gray-2) !important;
  }
  table {
    background-color: var(--gray-3) !important;
  }
  input#searchInput:focus, #simpleSearch:hover #searchInput:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: var(--base-color) !important;
  }
  .oo-ui-inputWidget-input, .oo-ui-checkboxInputWidget-checkIcon {
    background-color: var(--gray-1) !important;
  }
  .help-intro-sidetab.help-intro-sidetab-active {
    background-color: var(--blue-2) !important;
    border-left: 1em solid var(--blue-4) !important;
  }
  input, input.mw-ui-input {
    background-color: var(--gray-1) !important;
    border-color: var(--gray-4) !important;
  }
  input.mw-ui-input:focus {
    box-shadow: inset 0 0 0 1px var(--base-color) !important;
  }
  .mw-ui-checkbox:not(#noop)  + label:hover::before {
    background-color: var(--gray-1);
    border: 1px solid var(--base-color) !important;
  }
  .mw-ui-checkbox:not(#noop)  + label::before {
    background-color: var(--gray-1);
    border-color: var(--gray-4);
  }
  .mw-ui-checkbox:not(#noop) :enabled:checked + label::before {
    background-color: var(--base-color);
    border-color: var(--base-color);
  }
  .mw-ui-checkbox:not(#noop) :enabled:checked:hover + label::before {
    background-color: var(--base-color);
    border-color: var(--base-color);
    opacity: .9;
  }
  .mw-ui-checkbox:not(#noop) :enabled:checked:not(:active) + label::before {
    background-color: var(--base-color);
    border-color: var(--base-color);
  }
  input#searchButton {
    border-left: 1px solid var(--gray-5) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  #searchButton, #mw-searchButton {
    font-size: .75em;
  }
  textarea {
    border-color: var(--gray-5);
  }
  textarea:not(input):focus, .wikiEditor-ui-text textarea#wpTextbox1:focus {
    border-color: var(--base-color);
  }
  .wikiEditor-ui-text textarea#wpTextbox1:not(input):focus {
    outline: 1px inset var(--base-color) !important;
  }
  .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
    outline: 1px solid var(--base-color);
    background-color: inherit !important;
  }
  /* fix clipping to right default is margin: 0; */
  .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
    margin: 0 1px;
  }
  .mw-advancedSearch-namespace-selection {
    background: linear-gradient(var(--gray-1), var(--gray-2) .5em);
  }
  .oo-ui-tagItemWidget.oo-ui-widget-enabled,
  .search-container .js-langpicker-label, .uls-input-settings-disable-info,
  .uls-input-settings-no-inputmethods, .languagesettings-menu .menu-section,
  #languagesettings-settings-panel, legend, .vertical-navbox th,
  .wikiEditor-ui-toolbar .group .label, .flow-topic-meta,
  .mw-parser-output .chatheader-description, .ui-widget-content,
  span.mw-redirectedfrom, span.subpages, .mw-parser-output > p,
  .hatnote.navigation-not-searchable, .thumbcaption,
  .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
    color: var(--gray-a);
  }
  .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
  .mw-revslider-container .mw-revslider-toggle-button.oo-ui-buttonElement-frameless.oo-ui-labelElement {
    background-color: var(--gray-2);
  }
  .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid {
    border-color: var(--red-2);
  }
  .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover {
    border-color: var(--red-2);
  }
  .oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus {
    border-color: var(--red-2);
    box-shadow: inset 0 0 0 1px var(--red-2);
  }
  .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus,
  .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color);
  }
  .languagesettings-menu .menu-section.active, .ui-widget-header, .rt-tooltip,
  .mw-body-content p {
    color: var(--gray-c);
  }
  .languagesettings-menu .menu-section.active,
  .languagesettings-menu .menu-section:focus {
    border-color: var(--base-color);
    background-color: var(--gray-28);
  }
  .settings-title, .checkbox strong, label.uls-font-label strong {
    color: var(--gray-c);
  }
  .languagesettings-menu .menu-section .settings-text, .uls-ui-languages p,
  .checkbox, label.uls-font-label {
    color: var(--gray-9a);
  }
  .uls-font-item {
    background-color: var(--gray-2) !important;
    border-color: var(--gray-5) !important;
  }
  .uls-search-label {
    filter: invert(1);
  }
  /* this is a hack for the display/keybord svg cause both use same selectors,
	 * it causes a slight shift in text when active/inactive toggle.
	 * using filters ddoesnt work on specific svg only, so hack! */
  .languagesettings-menu #display-panel-trigger {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23ccc" d="M.002 2.275V15.22h8.405c.535 1.624-.975 1.786-1.902 2.505 0 0 2.293-.024 3.439-.024 1.144 0 3.432.024 3.432.024-.905-.688-2.355-.868-1.902-2.505h8.527V2.275h-20zm6.81 1.84h.797l3.313 8.466H9.879L8.836 9.943H5.462l-1.043 2.638h-.982zm.368 1.104c-.084.369-.211.785-.368 1.227L5.83 9.023h2.699l-.982-2.577c-.128-.33-.234-.747-.368-1.227zm7.117.982c.753 0 1.295.157 1.656.491.365.334.552.858.552 1.595v4.294h-.675l-.184-.859h-.062c-.315.396-.605.655-.92.798-.311.138-.758.184-1.227.184-.626 0-1.115-.168-1.472-.491-.353-.323-.491-.754-.491-1.35 0-1.275 1.028-1.963 3.068-2.025h1.043v-.429c0-.495-.091-.87-.307-1.104-.211-.238-.574-.307-1.043-.307-.526 0-1.115.107-1.779.429l-.307-.675a4.748 4.748 0 0 1 1.043-.429 4.334 4.334 0 0 1 1.104-.123zm.307 3.313c-.761.027-1.318.157-1.656.368-.334.207-.491.54-.491.982 0 .346.1.617.307.798.211.181.544.245.92.245.595 0 1.012-.164 1.35-.491.342-.326.552-.762.552-1.35v-.552z"/></svg>');
  }
  .languagesettings-menu #input-panel-trigger {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23ccc" d="M9 1.281c-.124.259-.185.599-.5.688-.55.081-1.133.018-1.688 0-.866-.032-1.733-.148-2.594 0-.588.157-.953.727-1.188 1.25-.178.416-.271.836-.344 1.281H-.002V16h20V4.5H3.654c.109-.52.203-1.057.563-1.469.222-.231.587-.17.875-.188 1.212.003 2.415.179 3.625.063.463-.058.812-.455.969-.875l.188-.438-.875-.313zM1.875 7.125h1.563c.094 0 .188.093.188.188v1.531a.201.201 0 0 1-.188.188H1.875c-.094 0-.156-.093-.156-.188V7.313c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188H4.719c-.094 0-.156-.093-.156-.188V7.313c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188H7.563a.201.201 0 0 1-.188-.188V7.313c0-.094.093-.188.188-.188zm2.813 0h1.563c.094 0 .188.093.188.188v1.531a.201.201 0 0 1-.188.188h-1.563c-.094 0-.156-.093-.156-.188V7.313c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188H13.22c-.094 0-.156-.093-.156-.188V7.313c0-.094.062-.188.156-.188zm2.844 0h1.531c.094 0 .188.093.188.188v1.531a.201.201 0 0 1-.188.188h-1.531a.201.201 0 0 1-.188-.188V7.313c0-.094.093-.188.188-.188zm-12.844 3h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156H3.22c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.906 0h1.563c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156H6.126c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.938 0h1.531c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156H9.064c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156H11.97c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zM4.001 13.688h12c.088 0 .156.068.156.156v.844a.154.154 0 0 1-.156.156h-12a.154.154 0 0 1-.156-.156v-.844c0-.088.068-.156.156-.156z"/></svg>') no-repeat 16px 8px;
  }
  /* fading linear gradient */
  .mwe-popups-extract::after {
    background-image: linear-gradient(to right, transparent, var(--gray-2) 50%) !important;
  }
  .mw-mmv-ttf-ellipsis::before {
    background-image: linear-gradient(to right, transparent, var(--gray-2)) !important;
  }
  .mwe-popups-extract .mwe-popups-fade,
  .mw-mmv-permission-box .mw-mmv-permission-text .mw-mmv-permission-text-fader {
    background-image: linear-gradient(to bottom, transparent, var(--gray-2)) !important;
  }
  .ui-widget-overlay {
    background: var(--black_8) !important;
  }
  .oo-ui-windowManager-modal > .oo-ui-dialog {
    background-color: var(--gray-3_5);
  }
  .mw-body-content pre, .mw-body-content code,
  td {
    background-color: var(--gray-1) !important;
    border-color: var(--gray-5) !important;
    color: var(--gray-b9) !important;
  }
  td, .jfk-bubble, .navpopup,
  .popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover, .example-select,
  .mw-parser-output a > span:not():not():not(),
  p {
    background-color: var(--gray-18) !important;
  }
  .mw-widget-dateInputWidget-handle, .mwe-pt-control-gradient,
  .mw-parser-output .quotebox, #languagesettings-settings-panel,
  .uls-language-settings-close-block,
  .uls-input-settings .uls-input-settings-inputmethods-list, .imeselector-menu,
  .uls-ime-menu-settings-item, .ip-label-container, .cbnnr-main, .mw_metadata td,
  .kephir-sagittarius-invite, .infobox, .lang-list-container,
  .mw-parser-output #bottombox-d, .uls-lcd, .uls-search,
  .ns-0 #mw-content-text h1, .wikiEditor-ui-toolbar, .mw-ext-score-popup,
  .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
  .mw-parser-output .quotebox-title, .mw-parser-output .portal > ul,
  .uls-menu .uls-no-results-view .uls-no-found-more, .mainpage-box-content,
  .mw-echo-ui-notificationItemWidget {
    background-color: var(--gray-2); /* non-important */
  }
  .mw-notification, .mw-pt-languages, div.mw-pt-languages, div.thumbinner {
    background-color: var(--gray-2);
    border-color: var(--gray-5);
  }
  table:not(.mainpage-maintable):not(.floatright):not():not():not():not():not():not():not():not():not():not():not():not():not(.authortemplate):not(.fmbox-editnotice):not():not():not():not(.tmbox):not(.standard-talk):not(.cmbox-notice):not():not():not():not(.processheadertemplate):not(.statstable):not():not():not():not(.mw-alerte):not(.mp_header):not():not():not():not():not():not(.vertical-navbox):not():not():not(#cite-err-report):not(.tmbox-notice):not():not():not(.messagebox):not(#sisterwikis):not():not(.tmbox-style),
  button:not():not(.tux-editor-save-button):not(.save):not():not():not(.pure-button):not(.wikidialog-button):not(.uls-input-toggle-button),
  select, textarea:not(),
  tr:not(), #toc,
  td:not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not(),
  #mw-content-text div:not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not(),
  .vevent td:not(.fileinfo-paramfield), .referencetooltip li, .suggestions,
  .mw-ui-button:not():not():not(),
  .mw-ui-button *, .wikiEditor-ui, .mw-search-results li,
  table.navbox.collapsible tr:nth-child(2) > td, div.menu, ul.menu,
  .oo-ui-popupWidget-popup, .mwe-popups, .mwe-popups-is-not-tall,
  .mwe-popups-is-tall, .ui-widget-content, .oo-ui-window-body,
  #pagehistory li.selected, .tracklist tr,
  .mw-searchresults-has-iw .iw-resultset, .cx-callout-content,
  .oo-ui-widget:not():not(.wbmi-link-notice):not():not(.oo-ui-tabOptionWidget):not(.flow-ui-boardDescriptionWidget):not(.oo-ui-buttonWidget):not(.oo-ui-tabSelectWidget-framed):not(.oo-ui-optionWidget-selected):not(span),
  tr, th,
  td, tr,
  tr, td,
  tr, td,
  tr,
  tr, tr,
  td, tr,
  .wikitable.charts-zebragrey > tbody > tr:nth-of-type(odd),
  td > span, table.flextable th,
  tr, td,
  #mw-searchoptions, .mw-advancedSearch-namespace-selection,
  td, td,
  td, td,
  td, #mwe-popups-settings,
  th,
  .table-na, #js-lang-lists .text, div.arcProg,
  .infoboks.biografi tr.overskrift th, .infoboks tr.rad td,
  .infoboks tr.bilde td, .infoboks tr.overskrift td,
  table,
  table th {
    background-color: var(--gray-2) !important;
  }
  #advancedSearchField-plain, #advancedSearchField-not, #advancedSearchField-or,
  #advancedSearchField-deepcategory, #advancedSearchField-hastemplate {
    background-color: var(--gray-1) !important;
  }
  .mw-parser-output table.floatright {
    background: none;
  }
  div,
  table,
  table,
  table.navbox-inner,
  .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    background: transparent !important;
    background-color: transparent !important;
  }
  body .ui-button, caption,
  table {
    background: var(--gray-28) !important;
    border-color: var(--gray-5) !important;
  }
  td {
    background: var(--gray-18) !important;
    border-color: var(--gray-18) !important;
  }
  span,
  span {
    background: transparent !important;
    color: var(--gray-c) !important;
  }
  table:not(.wikitable) td:not(),
  table:not(.wikitable) tr:not(),
  .app-badges .footer-sidebar-content,
  .languagesettings-menu .menu-section:hover {
    background-color: var(--gray-28);
  }
  #mw-sidebar-button:focus {
    border-color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color);
  }
  table, .search-form fieldset, table.ambox,
  tr,
  .mw-ui-button,
  tr, tr,
  th,
  table.infobox.hproduct > tbody > tr,
  tr, td,
  td, td,
  .oo-ui-buttonElement-button:not(.flow-ui-boardDescriptionWidget-editButton):hover,
  .tracklist tr,
  td, th,
  td, h2,
  h2, tr,
  tr,
  div:not(),
  .wikitable.charts-zebragrey > tbody > tr:nth-of-type(even),
  tr, table.flextable td,
  table.nmbox td:not(.mbox-text), tr,
  .mw-changeslist-line tr.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)),
  div:not():not():not(),
  div {
    background-color: var(--gray-28) !important;
  }
  .oo-ui-tabSelectWidget-framed, .flaggedrevs-color-1 {
    background-color: var(--gray-3);
  }
  .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
  .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--gray-2);
    color: var(--gray-a);
  }
  .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: var(--gray-28);
    color: var(--gray-a);
  }
  .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom-color: var(--gray-2);
  }
  div.barbox > table > tbody > tr > th, .cx-campaign-contributionsmenu li:hover,
  .suggestions-results, .suggestions-special, #mwe-pt-list-more,
  .fr-watchlist-pending-notice, div.flaggedrevs_notice,
  .imeselector-menu .selectable-row:hover, .guider, .mw-pt-languages-label,
  .mw_metadata th, .uls-language-block > ul > li:hover, th,
  .wikEdDiffBlock, .installerMessage, .styled-select:hover,
  .rt-settingsLink:hover, .mw-echo-ui-notificationItemWidget:hover {
    background-color: var(--gray-3); /* don't include !important flag */
  }
  .imeselector {
    background-color: var(--gray-18);
  }
  .imeselector:not(.imeselector-open):hover {
    background-color: var(--gray-18);
  }
  .uls-ime-more-settings-link:hover {
    filter: brightness(130%);
  }
  body .ui-dialog .ui-icon-closethick, .vectorMenu h3::after, .oo-ui-icon-add,
  .mw-ui-icon-add::before {
    filter: invert(1) brightness(80%);
  }
  .oo-ui-icon-highlight {
    filter: grayscale(1) brightness(250%);
  }
  .ui-state-hover, .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover, .ui-state-focus,
  .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid var(--gray-4) !important;
    background: var(--gray-5);
  }
  .ui-state-default, .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default {
    border: 1px solid var(--blue-3);
    background: var(--blue-3);
    color: var(--base-color);
  }
  .client-js .mw-ui-radio:not(#noop) :enabled:checked + label::before {
    border-color: var(--base-color);
  }
  .client-js .mw-ui-radio:not(#noop)  + label::before {
    background-color: var(--gray-1);
    border: 1px solid var(--gray-4);
  }
  .uls-no-found-more {
    border-top: 1px solid var(--gray-4);
    color: var(--gray-c);
  }
  table.wikitable > tr > th,
  table.wikitable > * > tr > th:not():not():not():not():not():not():not(),
  td, th,
  th, tr,
  tr, th,
  #filetoc, th,
  th, th,
  .infobox th:not():not():not(.infobox-above):not():not():not(),
  .infobox tr:not(),
  .infobox td:not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not(),
  td,
  table.wikitable > tbody > tr, .tlheader,
  th, td,
  th, table.nmbox th:not(),
  tr, td,
  p,
  .infobox.standard-talk tr, th,
  div {
    background-color: var(--gray-3) !important;
  }
  .plainlinks.mw-trackedTemplate {
    background: var(--gray-3) !important;
  }
  .licensetpl.fileinfotpl tbody th {
    background-color: var(--gray-4) !important;
  }
  .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
    background-color: var(--gray-5);
  }
  .mw-revslider-revision, .cbnnr-close {
    background-color: var(--gray-7);
  }
  .mw-revslider-revision-wrapper:hover, .mw-revslider-revision-wrapper-hovered {
    background-color: var(--black_5);
  }
  /* remove background image/gradient */
  .keyboard-key, div#editpage-specialchars a,
  body div.ui-dialog .ui-widget-header {
    background: var(--gray-3) !important;
    border-color: var(--gray-5) !important;
  }
  .catlinks {
    background: var(--gray-28);
  }
  body .ui-button:hover {
    background: var(--gray-4) !important;
    border-color: var(--gray-5) !important;
  }
  /* white background to wikEd - see #24 */
  .wikEdFrameBodySyntax, #wpTextbox1 {
    background: var(--gray-18);
  }
  #wmhu-tax-banner-text {
    color: var(--base-color);
  }
  #wmhu-tax-banner {
    background-color: var(--gray-18);
    border: 0;
  }
  img,
  img {
    filter: invert(100%) brightness(80%);
  }
  img,
  img,
  .mw-rcfilters-ui-filterWrapperWidget-showNewChanges .oo-ui-iconElement-icon {
    filter: invert(100%) hue-rotate(180deg);
  }
  div {
    border-color: var(--gray-2) !important;
  }
  a img {
    filter: invert(88%);
  }
  .keyboard-key {
    box-shadow: .1em .2em .2em var(--gray-4) !important;
  }
  .mw-mmv-ttf-ellipsis, .navpopup, .oo-ui-popupWidget-popup, input + span,
  .pure-form input, .searchbox .mw-ui-input {
    box-shadow: none !important;
  }
  .mw-ui-input {
    box-shadow: inset 0 0 0 .1em var(--gray-5);
  }
  .pure-button-primary-progressive:focus,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus:not(:active),
  .mw-ui-button.mw-ui-progressive:focus:not(:active) {
    box-shadow: inset 0 0 0 1px var(--base-color), inset 0 0 0 2px var(--gray-a) !important;
  }
  .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--base-color);
  }
  .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus,
  .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
    outline: 1px solid var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color);
  }
  .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
    background-color: rgba(41, 98, 204, .1);
    color: var(--base-color);
  }
  .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background-color: var(--gray-3);
    color: var(--base-color);
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    border-color: var(--base-color) !important;
  }
  .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    box-shadow: inset 0 0 0 1px var(--base-color);
    border-color: var(--base-color);
  }
  .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
    outline: 1px solid var(--base-color);
  }
  strong, em {
    text-shadow: none !important;
  }
  hr {
    background-color: transparent !important;
    border-color: var(--gray-5) !important;
  }
  .mw-editfont-monospace {
    background-color: var(--gray-2);
    color: var(--gray-b9);
  }
  .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--gray-2);
  }
  .mw-parser-output .mainpage-welcome-slogan,
  .flow-topic-summary-container .flow-topic-summary .flow-topic-summary-author,
  .flow-topic-summary-container .flow-ui-editTopicSummaryWidget .flow-topic-summary-author,
  .mw-mmv-options-text-header, .imeselector a,
  .languagesettings-menu .menu-section:hover .settings-text, .ime-disable-link,
  span, .mw-history-legend, #mw-content-text,
  .mw-mmv-options-text-body {
    color: var(--gray-c);
  }
  .mw-body pre, .mw-body code, .mw-body .mw-code {
    background-color: var(--gray-1) !important;
    border-color: var(--gray-5) !important;
    color: var(--gray-b9) !important;
  }
  .messagebox, .errorbox, .warningbox, .successbox,
  .suggestions-special .special-label, .reference-text,
  .mwe-popups .mwe-popups-container, #viewsourcetext {
    color: var(--gray-c);
  }
  span, span,
  span, td,
  td, .mwe-popups-container a {
    color: var(--gray-c) !important;
  }
  span, .wikiEditor-ui-toolbar .page-table td,
  sup, div, .editOptions {
    color: var(--gray-c) !important;
  }
  .flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before {
    background-color: var(--gray-3);
  }
  div, div,
  div {
    background: var(--gray-4) !important;
  }
  .mw-ui-icon.mw-ui-icon-before::before, .mw-ui-icon.mw-ui-icon-element::before,
  .mw-parser-output .helpContents-icon, img,
  a img {
    filter: invert(80%);
  }
  .k-player .control-bar {
    filter: invert(1) brightness(80%) contrast(135%);
    background: var(--gray-b9);
    border: 1px solid var(--gray-7);
  }
  .k-player .credits_box, .lButton:hover, .rButton:not(.k-options):hover,
  .ui-icon-comment:hover {
    background-color: var(--gray-2);
    border: 0 !important;
  }
  .k-player .lButton, .k-player .rButton {
    border: medium none;
  }
  .k-player .volume-slider a.ui-slider-handle.ui-state-hover,
  .k-player .volume-slider a.ui-slider-handle.ui-state-focus {
    border: 0 !important;
  }
  .k-player .k-options:hover {
    border-bottom: 1px solid transparent !important;
  }
  .k-player .ui-widget-content {
    color: var(--gray-c);
  }
  div > .flow-menu li a, .mw-mmv-post-image,
  .mw-mmv-permission-box .mw-mmv-permission-text .mw-mmv-permission-text-fader a {
    background-color: var(--gray-2) !important;
  }
  .mw-mmv-download-button, .mw-mmv-reuse-button, .mw-mmv-options-button,
  .mw-mmv-close, .mw-mmv-fullscreen, .mw-mmv-next-image, .mw-mmv-prev-image {
    background-color: transparent !important;
    border: none !important;
  }
  .mw-rcfilters-ui-filterMenuHeaderWidget-header,
  .mw-rcfilters-ui-menuSelectWidget-footer,
  .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
  .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
  .flaggedrevs_reviewform, .mw-specialCiteThisPage-bibliographic {
    background-color: transparent;
  }
  .oo-ui-tagMultiselectWidget-focus {
    box-shadow: inset 0 0 0 1px var(--base-color) !important;
  }
  .mw-enhanced-rc.mw-changeslist-line,
  .mw-collapsible.mw-enhanced-rc.mw-changeslist-line,
  .mw-collapsible.mw-enhanced-rc.mw-changeslist-line td,
  .oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget,
  .oo-ui-widget-enabled.mw-rcfilters-ui-filterWrapperWidget,
  .oo-ui-widget-enabled.mw-rcfilters-ui-rcTopSectionWidget,
  .oo-ui-widget-enabled.oo-ui-tagMultiselectWidget,
  .oo-ui-widget-enabled.mw-rcfilters-ui-watchlistTopSectionWidget {
    background-color: transparent !important;
  }
  tr:not():not():not():not():not() {
    background-color: transparent;
  }
  #mw-fr-watchlist-pending-notice {
    background-color: var(--red-3) !important;
    border-color: var(--red-0) !important;
  }
  table {
    border: 1px solid var(--gray-4) !important;
  }
  table td,
  .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    border-color: var(--gray-4) !important;
  }
  .oo-ui-tagItemWidget, .wikiEditor-ui-toolbar .page-table td {
    border-color: var(--gray-5);
  }
  .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
  .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
  .ui-dialog, .mw-parser-output table.dmbox {
    border-color: var(--gray-4);
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
  .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: var(--gray-2);
    border-color: var(--gray-3) !important;
  }
  /*** Background Color Styles ***/
  div {
    background-color: transparent !important;
    border: 1px solid var(--green-3) !important;
  }
  .mw-highlight .gh {
    color: var(--cm-5) !important;
  }
  /* ORES highlight colors */
  .mw-rcfilters-ui-highlights-color-none {
    background-color: var(--gray-7);
  }
  .mw-rcfilters-ui-highlights-color-c1,
  .mw-rcfilters-ui-tagItemWidget-highlight::before {
    background-color: var(--blue-2);
  }
  .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: var(--blue-2) !important;
  }
  .mw-rcfilters-ui-highlights-color-c2,
  .mw-rcfilters-ui-tagItemWidget-highlight::before {
    background-color: var(--cyan-1) !important;
  }
  .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: var(--cyan-1);
  }
  .mw-rcfilters-ui-highlights-color-c3,
  .mw-rcfilters-ui-tagItemWidget-highlight::before {
    background-color: var(--ores-1);
  }
  .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: var(--ores-1) !important;
  }
  .mw-rcfilters-ui-highlights-color-c4,
  .mw-rcfilters-ui-tagItemWidget-highlight::before {
    background-color: var(--ores-2);
  }
  .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: var(--ores-2) !important;
  }
  .mw-rcfilters-ui-highlights-color-c5,
  .mw-rcfilters-ui-tagItemWidget-highlight::before {
    background-color: var(--ores-3);
  }
  .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: var(--ores-3) !important;
  }
  .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,
  .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link,
  .ve-ui-mwHelpPopupTool-version-date {
    color: var(--gray-7);
  }
  /* Red
  ** Red links (non-existant pages) */
  div.vectorTabs li.new:not(.selected) a, .mw-plusminus-neg,
  span {
    color: var(--red-1) !important;
  }
  table.xambox.xambox-type-serious {
    border-left: 1em solid var(--red-2);
  }
  .mw-translate-fuzzy {
    background-color: var(--red-3);
  }
  td {
    background-color: var(--red-2) !important;
    color: var(--gray-e);
    filter: contrast(130%);
  }
  td,
  th,
  th {
    background-color: var(--red-3) !important;
    color: var(--gray-c);
  }
  span {
    background-color: var(--red-3) !important;
    border: 1px solid var(--red-3) !important;
  }
  span {
    border-left: 1.2em solid var(--red-3) !important;
  }
  .wikitable td {
    background-color: var(--red-2) !important;
    color: var(--gray-e);
    filter: contrast(120%);
  }
  td {
    background-color: var(--gray-28) !important;
  }
  div {
    background-color: var(--red-0) !important;
  }
  span {
    background-color: var(--gray-2) !important;
    border-color: var(--red-3) !important;
    color: var(--gray-a) !important;
  }
  div.mw-warning-with-logexcerpt, div.mw-lag-warn-high,
  div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon,
  div.titleblacklist-warning, div.locked-warning {
    background-color: var(--red-0);
    border-color: var(--red-1);
  }
  div {
    background: var(--red-0) !important;
    border-color: var(--red-0) !important;
  }
  div {
    background: var(--red-3) !important;
    border-color: var(--red-3) !important;
  }
  th,
  caption {
    background: var(--red-2) !important;
    color: var(--gray-d) !important;
  }
  th {
    background: var(--red-2) !important;
  }
  td, .table-no, td,
  td, tr,
  tr {
    background: var(--red-3) !important;
    color: var(--gray-d) !important;
  }
  td.projects,
  table,
  div {
    background: var(--red-0) !important;
    border-color: var(--red-3) !important;
  }
  td {
    background-color: var(--red-3) !important;
    color: var(--gray-a);
  }
  td {
    background-color: var(--red-0) !important;
    color: var(--gray-a);
  }
  td, td,
  td, td {
    background-color: var(--red-3) !important;
    color: var(--gray-a);
  }
  td, td {
    background-color: var(--red-3) !important;
  }
  table {
    background-color: var(--red-0) !important;
  }
  tbody td {
    background-color: var(--blue-2) !important;
    border: 1px solid var(--blue-3) !important;
  }
  .plainlinks span,
  .plainlinks span {
    background-color: var(--base-color) !important;
    border: 1px solid var(--base-color) !important;
  }
  body .ui-button.ui-button-blue {
    border-color: var(--base-color) !important;
    background: var(--base-color) !important;
    background: linear-gradient(to bottom, var(--base-color) 0%, var(--base-color) 90%) !important;
  }
  body .ui-button.ui-button-blue:hover {
    border-color: var(--base-color) !important;
    background: var(--base-color) !important;
    background: linear-gradient(to bottom, var(--base-color) 0%, var(--base-color) 90%) !important;
    color: var(--gray-e) !important;
    opacity: .9;
  }
  .plainlinks span, body a span .ui-button-text b,
  div b, span {
    color: var(--gray-d) !important;
  }
  td {
    border: 1px solid var(--red-3) !important;
    background: var(--red-3) !important;
    color: var(--gray-e) !important;
  }
  div {
    border: 1px solid var(--red-3) !important;
    background: var(--red-3) !important;
  }
  div {
    background: var(--red-rgb) !important;
  }
  td, div {
    border: 1px solid var(--red-3) !important;
  }
  /* Green */
  .mw-parser-output .MainPage__column--left {
    border: 1px solid var(--green-1);
    color: var(--gray-e);
    background-color: var(--green-4);
  }
  .resolved span,
  div {
    border-color: var(--green-2) !important;
  }
  .resolved span,
  div {
    background-color: var(--green-4) !important;
  }
  .mw-plusminus-pos, span {
    color: var(--green-1) !important;
  }
  .template-documentation {
    background-color: var(--green-4);
    border-color: var(--green-2);
  }
  .footertemplate, #navigationHeader div {
    background-color: var(--green-4) !important;
    border: 1px solid var(--green-2) !important;
  }
  th {
    background-color: var(--green-3) !important;
  }
  td, th {
    background-color: var(--green-2) !important;
  }
  span {
    border-left: 1.2em solid var(--green-2) !important;
  }
  span {
    background-color: var(--green-2) !important;
    border: 1px solid var(--green-2) !important;
  }
  th {
    background-color: var(--green-2) !important;
    color: var(--gray-e) !important;
  }
  td.mbox-text,
  tr, div {
    background-color: var(--green-4) !important;
  }
  td,
  td {
    background-color: var(--green-2) !important;
  }
  td, td {
    background-color: var(--green-3) !important;
  }
  u {
    color: var(--green-1) !important;
    text-shadow: none !important;
  }
  div {
    background-color: var(--green-4) !important;
    border: .1em solid var(--green-1) !important;
  }
  td,
  table,
  table,
  table {
    border-color: var(--green-2) !important;
    background: var(--green-4) !important;
  }
  div {
    border-color: var(--green-1) !important;
    background: var(--green-2) !important;
  }
  div, th {
    background: var(--green-2) !important;
  }
  div, div {
    background: var(--green-3) !important;
  }
  div,
  th.navbox-title,
  th.navbox-title * {
    background: var(--green-3) !important;
  }
  th.navbox-title,
  th.navbox-title * {
    background: var(--green-2) !important;
  }
  div {
    background: var(--green-4) !important;
    border-color: var(--green-1) !important;
    color: var(--gray-9a) !important;
  }
  div {
    border-bottom: 1px solid var(--green-1) !important;
    border: 0 solid var(--green-1) !important;
  }
  div,
  div {
    background: var(--green-4) !important;
    border: 1px solid var(--green-1) !important;
  }
  div {
    background: var(--green-2) !important;
    border-color: var(--green-1) !important;
  }
  div {
    background: var(--green-2) !important;
    border-color: var(--green-2) !important;
  }
  div {
    background: var(--green-4) !important;
    border-color: var(--green-4) !important;
  }
  th,
  caption {
    background-color: var(--green-3) !important;
    color: var(--gray-d) !important;
  }
  td,
  tbody td {
    background-color: var(--green-4) !important;
    border-color: var(--green-2) !important;
  }
  .userSummaryButtons a, #userSummaryButtons a {
    background-color: var(--green-4);
    border-color: var(--green-3);
    color: var(--gray-a) !important;
  }
  .userSummaryButtons a:hover, #userSummaryButtons a:hover {
    background-color: var(--green-4);
    border-color: var(--green-3);
    filter: brightness(120%);
  }
  td, .table-yes,
  td, td,
  tr, tr,
  tr,
  table.ext-status-stable > tbody > tr.tpl-infobox-header {
    background: var(--green-2) !important;
    color: var(--gray-d) !important;
  }
  table,
  div {
    background: var(--green-4) !important;
    border-color: var(--gray-4) !important;
  }
  div {
    background: var(--green-2) !important;
    border-color: var(--gray-4) !important;
  }
  #localNotice table {
    border: 1px solid var(--green-1) !important;
  }
  table {
    box-shadow: 0 0 1px var(--gray-5) !important;
  }
  html table th {
    background: var(--green-2) !important;
  }
  .mw-tag-marker {
    background: var(--green-4);
  }
  span {
    background-color: var(--green-4) !important;
    color: var(--gray-e) !important;
  }
  span {
    background-color: var(--green-4) !important;
  }
  span {
    background-color: var(--green-a0) !important;
    color: var(--gray-e) !important;
  }
  span {
    background-color: var(--green-a1) !important;
    color: var(--gray-e) !important;
  }
  /* Yellow */
  table.ext-status-beta > tbody > tr.tpl-infobox-header,
  td, span {
    background: var(--yellow-1) !important;
    color: var(--gray-3) !important;
  }
  th,
  caption {
    background: var(--yellow-1) !important;
    color: var(--gray-1) !important;
  }
  th {
    border-top-color: var(--yellow-1) !important;
  }
  td {
    background: var(--brown-2) !important;
  }
  .usermessage {
    background: var(--brown-4);
    border-color: var(--yellow-1);
    color: var(--gray-c);
  }
  span {
    background-color: var(--brown-1) !important;
    color: var(--gray-e) !important;
  }
  span {
    background-color: var(--brown-1) !important;
  }
  span {
    background-color: var(--brown-2) !important;
    color: var(--gray-e) !important;
  }
  /* Orange */
  th {
    border-top-color: var(--orange-2) !important;
  }
  table.ext-status-experimental > tbody > tr.tpl-infobox-header {
    background: var(--orange-1) !important;
  }
  .wikipediauserbox table {
    background: var(--yellow-1) !important;
  }
  div.wikipediauserbox {
    border-color: var(--orange-2) !important;
  }
  span {
    border-left: 1.2em solid var(--yellow-1) !important;
  }
  span {
    border: 1px solid var(--yellow-1) !important;
    background-color: var(--yellow-1) !important;
  }
  th {
    background: var(--yellow-1) !important;
  }
  /* Grey */
  h2, th a span,
  b {
    color: var(--gray-e) !important;
  }
  .uls-ui-languages p, .checkbox {
    color: var(--gray-a);
  }
  .mw-parser-output .MainPage__banner {
    border: 1px solid var(--gray-4);
    background-color: var(--gray-28);
    color: var(--gray-e);
  }
  .navbox-even, .mw-line-even {
    background: var(--gray-18) !important;
  }
  .mw-line-odd, .navbox-odd {
    background: var(--gray-2) !important;
  }
  #AjaxQuestionParse, #AjaxQuestionParse0, div {
    color: var(--gray-c);
    background: var(--gray-1);
    border: 1px solid var(--gray-4);
  }
  .ns-talk .mw-body-content dl dl, .ns-talk .mw-body-content dl dl dl dl,
  .ns-talk .mw-body-content dl dl dl dl dl dl,
  .ns-talk .mw-body-content dl dl dl dl dl dl dl dl,
  .ns-talk .mw-body-content dl dl dl dl dl dl dl dl dl dl,
  .ns-talk .mw-body-content dl dl dl dl dl dl dl dl dl dl dl dl,
  .ns-talk .mw-body-content dl dl dl dl dl dl dl dl dl dl dl dl dl dl,
  table:not().wikitable td:not(), table.prettytable td,
  .statstable > * > tr.tux-statstable-even > td {
    background: var(--gray-2);
  }
  tr {
    background: var(--gray-3) !important;
  }
  th {
    background: var(--gray-28) !important;
  }
  td {
    background-color: var(--grey-2) !important;
  }
  table, .mw-parser-output .commonscat {
    background: var(--gray-2) !important;
  }
  table {
    border-color: var(--gray-4) !important;
  }
  td,
  td {
    border-color: var(--gray-3) !important;
  }
  span {
    background: var(--gray-3) !important;
    border-color: var(--gray-5) !important;
  }
  span {
    background-color: var(--grey-2) !important;
    color: var(--gray-e) !important;
  }
  span {
    background-color: var(--grey-1) !important;
    color: var(--gray-e) !important;
  }
  div {
    background: var(--gray-2) !important;
    border-color: var(--gray-5) !important;
  }
  .mw-mmv-dialog {
    background-color: var(--gray-2);
    box-shadow: 0 2px 2px 0 var(--gray-5);
  }
  .mw-mmv-dialog .mw-mmv-dialog-down-arrow, .oo-ui-panelLayout-framed {
    background-color: var(--gray-2);
  }
  .flow-topic-titlebar, .fieldsetlike .legendtextlike,
  .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background: var(--gray-2);
  }
  .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: var(--gray-2);
    border-color: var(--base-color);
  }
  div {
    background-color: var(--gray-18) !important;
    border-color: var(--gray-5) !important;
  }
  div,
  table {
    background-color: var(--gray-2) !important;
    border-color: var(--blue-4) !important;
  }
  div,
  div,
  td, td {
    background-color: var(--gray-2) !important;
    border-color: var(--gray-5) !important;
  }
  .mw-widgets-datetime-dateTimeInputWidget-handle,
  .fancycaptcha-captcha-and-reload {
    background-color: var(--gray-18);
    border-color: var(--gray-5) !important;
  }
  .tux-workflow-status-triangle::after {
    border-top: 6px solid var(--gray-a);
  }
  .wikidialog-button.wikidialog-delegable, .tux-workflow-status {
    background-color: var(--gray-4);
    border-color: var(--gray-5);
    color: var(--gray-c);
  }
  .statstable > * > tr > th, .fancycaptcha-captcha-container {
    background-color: var(--gray-3);
    border: 1px solid var(--gray-5);
  }
  .statstable > * > tr > td {
    background-color: var(--gray-18);
    border-left: 1px solid var(--gray-5);
    border-right: 1px solid var(--gray-5);
  }
  div {
    border: 1px solid var(--gray-5) !important;
    box-shadow: 0 0 .1rem var(--gray-7) !important;
  }
  div.noarticletext, div.fmbox-system {
    background: var(--gray-18);
    border-color: var(--gray-4);
  }
  div {
    background-color: var(--brown-1) !important;
    color: var(--gray-d) !important;
  }
  span,
  span,
  div,
  div,
  div,
  div,
  div {
    background-color: var(--gray-28) !important;
    border-color: var(--gray-5) !important;
  }
  td {
    background-color: var(--gray-28) !important;
  }
  html .thumbimage {
    background-color: var(--gray-28);
    border-color: var(--gray-5);
  }
  .oo-ui-menuSelectWidget {
    background-color: var(--gray-18);
    border-color: var(--gray-5);
  }
  table.ext-status-unknown > tbody > tr.tpl-infobox-header {
    background: var(--gray-5) !important;
  }
  tr {
    background: var(--gray-28) !important;
  }
  div, .collection-warning-box,
  tr, th,
  span, th,
  tr td, tr *,
  div, th {
    background-color: var(--gray-3) !important;
  }
  .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: var(--gray-3);
  }
  div {
    background-color: var(--gray-2) !important;
    border-color: var(--gray-5) !important;
  }
  .tux-message-editor {
    border: 1px solid var(--gray-5);
    background-color: var(--gray-2);
  }
  .ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact,
  .tux-message-editor .editcolumn,
  .ext-translate-container .tux-messagelist .tux-message-pagemode:last-child .tux-message-item-compact {
    border-color: var(--gray-5);
  }
  .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact,
  .tux-message-item, .tux-message-selector .more ul, table.fmbox {
    background: var(--gray-2);
    border-color: var(--gray-5);
  }
  .tux-dropdown-menu {
    background: var(--gray-2);
    border-color: var(--gray-3) var(--gray-7) var(--gray-7) var(--gray-7) !important;
  }
  .tux-message-editor__caret::before, .tux-message-editor__caret::after {
    border-top: 20px solid transparent;
    border-right: 20px solid var(--gray-5);
    border-bottom: 20px solid transparent;
  }
  .tux-message-editor__caret::after {
    border-right: 20px solid var(--gray-28);
  }
  .tux-messagelist, .tux-message-editor .editcolumn,
  .grid .tux-message-editor .infocolumn-block {
    background-color: var(--gray-28) !important;
    color: var(--gray-a) !important;
  }
  .tux-pagemode-status.fuzzy {
    background-image: linear-gradient(transparent, transparent),
                          url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2233.389%22 height=%2222.857%22 viewBox=%220 0 33.389 22.857%22%3E %3Cpath fill=%22%234b380d%22 d=%22M0 0h25.922l7.467 11.43-7.468 11.428H0V0z%22/%3E %3Cpath fill=%22%23999%22 d=%22M17.98 4.357c-4.06 0-7.374 3.316-7.374 7.375 0 4.06 3.315 7.375 7.375 7.375 4.06 0 7.376-3.316 7.376-7.375 0-4.06-3.316-7.375-7.375-7.375zm0 1.768c3.105 0 5.608 2.504 5.608 5.607s-2.504 5.607-5.607 5.607c-3.102 0-5.606-2.505-5.606-5.608 0-3.103 2.504-5.607 5.607-5.607z%22/%3E %3Cpath fill=%22%23999%22 d=%22M17.19 7.223v5.761h3.427v-1.21H18.4V7.223h-1.21z%22/%3E %3C/svg%3E");
  }
  .tux-workflow-status-selector li.selected {
    background-image: linear-gradient(transparent, transparent),
                          url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2215%22 height=%2215%22 viewBox=%220 0 15 15%22%3E %3Cpath fill=%22%23999%22 d=%22M10.765 1.078l-5.188 8.938-2.03-1.5L1.95 10.64l3.25 2.407 1.188.875.75-1.28 5.906-10.25-2.28-1.314z%22/%3E %3C/svg%3E");
    color: var(--gray-a) !important;
  }
  .grid .tux-message-editor .close {
    filter: invert(1) brightness(80%);
  }
  .tux-grouplist__item__icon {
    filter: invert(1) brightness(180%);
  }
  .tux-groupselector {
    border: 1px solid var(--gray-5);
    background-color: var(--gray-28);
    box-shadow: 0 5px 10px rgba(200, 200, 200, .2);
  }
  .tux-grouplist {
    background-color: var(--gray-18);
  }
  .tux-grouplist__item {
    border-color: var(--gray-5);
  }
  .tux-grouplist__item:hover {
    background-color: var(--gray-2_75);
  }
  .tux-grouptab--selected {
    border-bottom: 2px solid var(--base-color);
  }
  .ext-translate-language-selector .uls::after {
    border-top: 4px solid var(--base-color);
  }
  .tux-groupselector::after {
    border-bottom: 6px solid var(--gray-28);
  }
  .tux-groupselector::before {
    border-bottom: 7px solid var(--gray-5);
  }
  .tux-action-bar .translate-mode-button::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='15' viewBox='0 0 25 15'><path fill='%23eee' d='M5.954 1.63h13.092V4.3H5.954zM5.954 6.166h13.092v2.668H5.954zM5.954 10.7h13.092v2.67H5.954z'/></svg>");
  }
  .tux-action-bar .page-mode-button::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='15' viewBox='0 0 25 15'><g fill='%23eee'><path d='M5.97 1.625v2.688h5.655V1.624H5.97zm7.405 0v2.688h5.656V1.624h-5.655zM5.97 6.156v2.688h5.655V6.156H5.97zm7.405 0v2.688h5.656V6.156h-5.655zM5.97 10.688v2.687h5.655v-2.688H5.97zm7.405 0v2.687h5.656v-2.688h-5.655z'/></g></svg>");
  }
  .tux-list-edit a, .message-desc-edit {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'><path d='M9.825 1.975l-6.218 8.888h-.015l-.19 2.164 1.977-.92 6.217-8.89-1.772-1.244z' fill='rgb(65, 131, 196)'/></svg>");
  }
  .tux-status-fuzzy {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23999%22%20d%3D%22M7.5.125C3.44.125.125%203.44.125%207.5c0%204.06%203.316%207.375%207.375%207.375%204.06%200%207.375-3.316%207.375-7.375C14.875%203.44%2011.56.125%207.5.125zm0%201.768c3.104%200%205.607%202.504%205.607%205.607s-2.504%205.607-5.607%205.607S1.893%2010.604%201.893%207.5%204.396%201.893%207.5%201.893z%22%2F%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23999%22%20d%3D%22M6.708%202.99v5.763h3.428v-1.21H7.918V2.99h-1.21z%22%2F%3E%3C%2Fsvg%3E");
  }
  .tux-loading-indicator {
    background-image: linear-gradient(transparent, transparent),
                          url("data:image/svg+xml,<?xml version='1.0' standalone='no'?><svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='34px' height='34px' viewBox='0 0 34.000000 34.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,34.000000) scale(0.100000,-0.100000)' fill='rgb(65, 131, 196)' stroke='none'><path d='M285 103 c-16 -29 -32 -43 -75 -60 -48 -19 -51 -22 -25 -23 39 0 90 32 115 72 21 35 25 48 13 48 -5 0 -17 -17 -28 -37z'/></g></svg>");
  }
  .tux-dropdown-menu .unchangeable, .tux-message-editor .shortcutinfo,
  .grid .tux-message-editor .messagekey, .tux-message-selector label {
    color: var(--gray-a);
  }
  .tm-suggestion, .in-other-language {
    border: 1px solid var(--gray-5);
    border-left: 2px solid var(--base-color);
    background-color: var(--gray-28);
  }
  .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover,
  .ext-translate-container .tux-messagelist .tux-message-pagemode,
  .tux-message-item:hover, .tux-messagetable-header.floating {
    background: var(--gray-28);
  }
  .tux-textarea-translation,
  .tux-messagelist .tux-message-pagemode .tux-pagemode-source,
  .tux-list-translation, .infocolumn .loading {
    color: var(--gray-a);
  }
  .tux-action-bar, .tux-message-item.translated,
  .tux-message-item.translated:hover, .tux-message-item.proofread,
  .tux-message-item.proofread:hover {
    background: var(--gray-18);
  }
  .tux-messagetable-loader {
    background: var(--gray-18);
    color: var(--gray-a);
  }
  .tux-action-bar button {
    background-color: var(--gray-3);
    background-image: linear-gradient(var(--gray-3), var(--gray-4));
    border-color: var(--gray-5);
    color: var(--gray-a);
  }
  .tux-action-bar button:hover {
    background-color: var(--gray-3);
    background-image: linear-gradient(var(--gray-4), var(--gray-5));
  }
  .tux-notice, .group-warning {
    background-color: var(--brown-3);
  }
  .tux-statsbar {
    background-color: var(--gray-5);
  }
  .tux-statsbar .tux-translated {
    background-color: var(--base-color);
  }
  .tux-message-selector li.selected, .ve-ui-specialCharacterPage-character:hover {
    border-color: var(--base-color);
  }
  .tux-action-bar.floating {
    border-color: var(--gray-5);
  }
  .tux-messagetable-header {
    border-color: var(--gray-3);
  }
  th {
    background: var(--gray-2) !important;
    border-color: var(--gray-5) !important;
    color: var(--base-color) !important;
  }
  h2,
  div,
  div,
  div, div {
    background: var(--gray-3) !important;
    border-color: var(--gray-5) !important;
  }
  div,
  div,
  div,
  div {
    background: var(--gray-2) !important;
    border-color: var(--gray-5) !important;
  }
  div,
  div,
  div,
  span {
    background: var(--gray-28) !important;
  }
  div,
  div,
  div, div {
    background: var(--gray-2) !important;
  }
  div {
    background: var(--gray-18) !important;
  }
  th {
    background: var(--gray-3) !important;
  }
  .messagebox {
    background: var(--gray-2);
    border-color: var(--gray-5) !important;
  }
  table.prettytable > tr > th, table.prettytable > * > tr > th {
    background-color: var(--gray-18);
    border: 1px solid var(--blue-4);
  }
  table.prettytable > tr > td:nth-child(1),
  table.prettytable > * > tr > td:nth-child(1), table.prettytable > tr > td,
  table.prettytable > * > tr > td {
    border-color: var(--blue-4);
  }
  /* Blue */
  .mw-parser-output .MainPage__column--right {
    border: 1px solid var(--blue-4);
    background: var(--blue-2);
  }
  th {
    background: var(--blue-2) !important;
  }
  div {
    background-color: var(--blue-2) !important;
    border: var(--blue-4) 1px solid !important;
  }
  .lang-quote {
    border-bottom: 1px dotted var(--gray-c);
    color: var(--base-color);
  }
  span {
    color: var(--base-color) !important;
  }
  .mp_header {
    background-color: var(--blue-2);
    border-color: var(--gray-4) !important;
  }
  table,
  div {
    background: var(--blue-2) !important;
    border-color: var(--gray-5) !important;
  }
  div {
    border-left: 1em solid var(--blue-4) !important;
  }
  table.xambox-type-notice {
    border-left: 1em solid var(--blue-1) !important;
  }
  .rt-target {
    background-color: var(--blue-2);
  }
  div:not():not(.boilerplate):not():not() h2:not():not(#Before_you_post):not(#Post_a_new_question),
  div:not():not(.boilerplate):not():not() h2:not():not(#Before_you_post):not(#Post_a_new_question) *,
  tr, div,
  div *, ol.references li:target,
  sup.reference:target, span.citation:target, ol.references li:target *,
  sup.reference:target *, span.citation:target *,
  td, tr,
  table *,
  div,
  div, div h2,
  tr, td,
  tr, th,
  td, td,
  table,
  table,
  div, td,
  div, td,
  div {
    background-color: var(--blue-2) !important;
  }
  td, div {
    background: var(--blue-4) !important;
  }
  .vertical-navbox th,
  div, td,
  td,
  .vertical-navbox th,
  th, h2,
  div, td,
  td, div,
  td, th {
    background: var(--blue-3) !important;
  }
  div {
    background: var(--blue-3) !important;
    border-color: var(--gray-4) !important;
  }
  .mw-parser-output .taxontree-lcell, .mw-parser-output .wikidatainfobox-lcell {
    background-color: var(--blue-3);
  }
  div, div,
  table,
  div,
  span,
  div,
  table.messagebox {
    border-color: var(--blue-4) !important;
  }
  div {
    background-color: var(--blue-4) !important;
    border-color: var(--blue-4) !important;
  }
  td,
  div,
  th,
  div,
  div {
    background-color: var(--blue-2) !important;
    border-color: var(--blue-4) !important;
  }
  table {
    border-color: var(--blue-4) !important;
    background-color: var(--gray-2) !important;
  }
  div,
  div {
    background: var(--blue-2) !important;
    border-color: var(--blue-4) !important;
  }
  div {
    background: var(--blue-4) !important;
    border-bottom-color: var(--blue-1) !important;
  }
  div {
    border-bottom-color: var(--blue-1) !important;
  }
  div,
  div {
    background: var(--blue-3) !important;
    border-bottom-color: var(--blue-3) !important;
  }
  div,
  td {
    background: var(--blue-2) !important;
    border-color: var(--blue-2) !important;
  }
  td {
    background: var(--blue-2) !important;
    border-color: var(--blue-1) !important;
  }
  div,
  td,
  td {
    background-color: var(--blue-3) !important;
    border-color: var(--blue-4) !important;
  }
  div, div {
    background: var(--blue-4) !important;
  }
  div,
  .infobox tr,
  div.plainlinks {
    border-color: var(--blue-4) !important;
  }
  th,
  caption {
    background: var(--blue-3) !important;
    color: var(--gray-d) !important;
  }
  a > b > span {
    background: var(--blue-4) !important;
    color: var(--gray-d) !important;
  }
  table, div,
  table,
  .infobox,
  div,
  div,
  div,
  div {
    background: var(--blue-2) !important;
    border-color: var(--blue-4) !important;
  }
  div {
    border-bottom: 1px solid var(--blue-1) !important;
    background: var(--blue-3) !important;
  }
  div {
    border-bottom: 1px solid var(--blue-4) !important;
  }
  div,
  table tr {
    background-color: var(--blue-3) !important;
  }
  div {
    background: var(--blue-2) !important;
    border-color: var(--blue-4) !important;
    color: var(--gray-9a) !important;
  }
  div,
  div {
    background: var(--blue-2) !important;
    border-color: var(--blue-4) !important;
  }
  .sharedUploadNotice {
    background-color: var(--blue-2);
    border-color: var(--blue-4);
  }
  div.mw-collapsible-content,
  div div,
  td {
    background-color: var(--blue-3) !important;
  }
  td, td {
    background: var(--blue-4) !important;
    color: var(--gray-a);
  }
  tr, .infobox th {
    background-color: var(--blue-3) !important;
  }
  div {
    border-color: var(--blue-1) !important;
  }
  td {
    background: var(--blue-3) !important;
    border-bottom: 1px solid var(--blue-1) !important;
  }
  div {
    background: var(--blue-3) !important;
    border: 1px solid var(--blue-1) !important;
  }
  table {
    border: 1px solid var(--blue-1) !important;
  }
  table {
    border-color: var(--blue-4) !important;
  }
  /* Purple */
  table {
    background: var(--blue-2) !important;
    border-color: var(--purple-1) !important;
  }
  th.navbox-title {
    background: var(--purple-0) !important;
  }
  th.navbox-title {
    border-color: var(--purple-0) !important;
  }
  div,
  div {
    background: var(--purple-d) !important;
    border-color: var(--purple-d) !important;
  }
  .navbox-subgroup .navbox-title, .navbox-subgroup .navbox-title *,
  td,
  li {
    background: var(--purple-1) !important;
    border-color: var(--purple-1) !important;
  }
  .navbox-title, .navbox-title *, table.navbox th, .navbox th {
    background: var(--purple-0) !important;
    border-color: var(--gray-2) !important;
    color: var(--gray-c) !important;
  }
  div,
  td {
    background: var(--purple-0) !important;
    border-color: var(--gray-4) !important;
  }
  td, td {
    background: var(--purple-0) !important;
  }
  tr {
    background: var(--purple-2) !important;
  }
  .fileinfo-paramfield {
    background: var(--purple-1);
  }
  th.navbox-group, th.navbox-group * {
    background: var(--purple-d) !important;
  }
  td, td,
  td, td,
  .navbox-abovebelow:not(),
  .navbox-abovebelow:not() *,
  div, div {
    background: var(--purple-1) !important;
  }
  td {
    background: var(--purple-2) !important;
    color: var(--gray-c);
  }
  tr th {
    color: var(--gray-d) !important;
  }
  table {
    border-color: var(--purple-2) !important;
  }
  td {
    background: var(--purple-1) !important;
    border-bottom: 2px solid var(--gray-4) !important;
  }
  figure, figure,
  figure, figure,
  figure, figure {
    border: 1px solid var(--gray-5);
    background-color: var(--gray-8);
  }
  figure > :first-child > img,
  figure > :first-child > img,
  figure > :first-child > img,
  figure > :first-child > img,
  figure > :first-child > img,
  figure > :first-child > img,
  figure > :first-child > video,
  figure > :first-child > video,
  figure > :first-child > video,
  figure > :first-child > video,
  figure > :first-child > video,
  figure > :first-child > video,
  .mw-parser-output .mod-gallery .bordered-images .thumb img {
    border-color: var(--gray-5);
  }
  .mw-parser-output .mod-gallery .whitebg .gallerybox,
  .mw-parser-output .mod-gallery .whitebg .thumb {
    background: var(--gray-2) !important;
  }
  table,
  td {
    background: var(--purple-d) !important;
    border-color: var(--purple-1) !important;
  }
  td,
  table {
    background: var(--purple-d) !important;
    border-color: var(--gray-5) !important;
  }
  div {
    background: var(--purple-1) !important;
    border-color: var(--purple-1) !important;
  }
  div,
  div {
    background: var(--purple-d) !important;
    border-color: var(--purple-2) !important;
  }
  div {
    background: var(--purple-d) !important;
    border-color: var(--purple-2) !important;
    color: var(--gray-9a) !important;
  }
  body #mw-content-text div.boilerplate h2,
  div.boilerplate h2 *,
  td, td {
    background-color: var(--purple-d) !important;
  }
  div {
    background: var(--gray-18) !important;
    border-color: var(--purple-2) !important;
  }
  th, td,
  th, td.import-high,
  div,
  div {
    background-color: var(--purple-1) !important;
  }
  div {
    background-color: var(--purple-d) !important;
  }
  span {
    color: var(--purple-2) !important;
  }
  span {
    background-color: var(--purple-d) !important;
    color: var(--gray-e) !important;
  }
  span {
    background-color: var(--purple-0) !important;
    color: var(--gray-e) !important;
  }
  /* Brown */
  .mw-notification.mw-notification-type-warn {
    border-color: var(--brown-2);
    background-color: var(--brown-3);
  }
  div, div {
    background-color: var(--brown-3) !important;
  }
  th {
    background-color: var(--brown-3) !important;
  }
  span {
    background-color: var(--brown-2) !important;
  }
  div div h2 span#Add_your_project {
    background-color: var(--brown-3);
  }
  .mw-parser-output .nmbox-header, .mw-parser-output .nmbox {
    background-color: var(--brown-3);
    border-color: var(--brown-2);
  }
  tr, td {
    background-color: var(--brown-3) !important;
  }
  .flaggedrevs-pending {
    background-color: var(--brown-2);
  }
  .flaggedrevs-unreviewed {
    background-color: var(--brown-1);
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: var(--gray-2);
    color: var(--gray-c);
    border-color: var(--gray-5);
  }
  #btn_opisy_zm_waxon_off, tr,
  div,
  table,
  div, .messagebox.standard-talk {
    background-color: var(--brown-3) !important;
    border-color: var(--brown-2) !important;
  }
  p {
    background: var(--brown-4) !important;
    border: .3em dashed var(--gray-1) !important;
  }
  td {
    background: var(--brown-4) !important;
    color: var(--gray-c);
  }
  span {
    border-left: 1.2em solid var(--brown-4) !important;
  }
  span {
    background-color: var(--brown-4) !important;
    border: 1px solid var(--brown-4) !important;
  }
  th {
    background: var(--brown-4) !important;
  }
  td,
  span {
    background: var(--brown-1) !important;
  }
  td {
    background-color: var(--brown-2) !important;
    color: var(--gray-a);
  }
  .authortemplate {
    background-color: var(--brown-4);
    border-color: var(--brown-4);
  }
  .processheadertemplate {
    background-color: var(--brown-4);
    border: 1px solid var(--brown-4);
  }
  div {
    background-color: var(--brown-4) !important;
    border-color: var(--brown-4) !important;
  }
  div {
    background-color: var(--brown-3) !important;
    border-color: var(--brown-2) !important;
  }
  th {
    background: var(--brown-1) !important;
  }
  .warningbox, .infobox.standard-talk {
    background-color: var(--brown-3);
    border-color: var(--brown-2);
  }
  td,
  table {
    background-color: var(--brown-1) !important;
    border-color: var(--brown-2) !important;
  }
  html table.tmbox, .tmbox.tmbox-notice table,
  td {
    background: var(--brown-3) !important;
    background-color: var(--brown-3) !important;
    border-color: var(--brown-2) !important;
  }
  .infobox.standard-talk {
    border: 1px solid var(--brown-2) !important;
  }
  tr th, table.infobox.standard-talk td,
  table.tmbox-protection, html table.tmbox-notice:not(#TMPedn),
  div {
    border-color: var(--brown-2) !important;
  }
  div,
  td {
    border-top-color: var(--brown-2) !important;
  }
  div {
    background-color: var(--brown-4) !important;
    border-color: var(--gray-4) !important;
  }
  div {
    background-color: var(--brown-1) !important;
    border-color: var(--brown-2) !important;
  }
  table#archivebox.tmbox.tmbox-notice {
    background-color: var(--brown-3) !important;
  }
  td.assess-start,
  a > b,
  th,
  th {
    background: var(--brown-2) !important;
  }
  .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--brown-3);
    border-color: var(--yellow-1);
  }
  .table-partial, tr,
  td {
    background-color: var(--brown-1) !important;
  }
  div {
    background-color: var(--brown-2) !important;
    border-color: var(--brown-2) !important;
  }
  div {
    background-color: var(--brown-2) !important;
    border-bottom: 1px solid var(--yellow-1) !important;
  }
  td {
    background-color: var(--brown-3) !important;
    border-color: var(--yellow-1) !important;
  }
  th {
    background-color: var(--brown-2) !important;
  }
  /* pink */
  div, th {
    background-color: var(--pink-0) !important;
  }
  td {
    background-color: var(--pink-1) !important;
  }
  td {
    background-color: var(--pink-2) !important;
  }
  div {
    background: var(--pink-0) !important;
    border-color: var(--gray-4) !important;
  }
  td {
    box-shadow: 0 5px 5px -6px var(--gray-5) !important;
  }
  .wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: var(--gray-28);
    border-color: var(--base-color);
  }
  .wikiEditor-ui-toolbar .page-characters div span {
    color: var(--gray-d);
  }
  .mw-widget-dateInputWidget-calendar:focus {
    box-shadow: inset 0 0 0 1px var(--base-color), 0 2px 2px 0 rgba(0, 0, 0, .25);
  }
  .mw-widget-calendarWidget-item-selected {
    background-color: var(--base-color);
    color: var(--gray-d) !important;
  }
  .mw-widget-calendarWidget-item:hover {
    background-color: var(--base-color);
    color: var(--gray-e) !important;
  }
  .mw-widgets-datetime-calendarWidget, .mw-widget-dateInputWidget-calendar {
    background-color: var(--gray-18);
    border-color: var(--gray-4);
  }
  .mw-widget-calendarWidget-day-today {
    box-shadow: inset 0 0 0 1px var(--base-color);
  }
  .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
  .mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    background-color: transparent !important;
    color: var(--gray-a) !important;
    border-color: transparent !important;
  }
  /*** Border ***/
  /* default in some pages is different like 0, but transparent covers more than one case */
  .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button,
  .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button,
  .navbox-list {
    border-color: transparent !important;
  }
  table.wikitable, button.formBtn {
    border: 1px solid var(--gray-5) !important;
  }
  fieldset,
  button:not(.pure-button-primary-progressive):not(.formBtn),
  .oo-ui-buttonElement-button:focus:not(:active) {
    border-color: var(--base-color) !important;
  }
  .mw-widget-calendarWidget:focus {
    border-color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color);
  }
  .uls-ime-menu-settings-item {
    border-color: var(--gray-5);
    color: var(--gray-9a);
  }
  /* TODO: Sigh! remove these :nots and the div/span etc from here and def not !imporant */
  h2:not():not():not():not():not(),
  tr:not():not(:hover):not():not():not(),
  table:not(.authortemplate):not(.standard-talk):not():not():not(.hp-portalen):not():not(.plainlinks):not():not(.processheadertemplate),
  div:not():not():not():not():not():not(),
  th, td:not(:hover), h1, h3, h4, h5, h6, ul, li, select, .mw-body, .toc, #toc,
  .mw-gallery-traditional li.gallerybox div.thumb, div.thumbinner,
  .mw-parser-output .portal, .mw-warning, .navbox, .catlinks, table.fmbox,
  .wikiEditor-ui .wikiEditor-ui-view, .wikiEditor-ui-toolbar .sections .section,
  .wikiEditor-ui-toolbar .group-search, .wikiEditor-ui-toolbar .group,
  .wikiEditor-ui-toolbar .group .tool-select,
  .wikiEditor-ui-toolbar .group .tool-select .options,
  .wikiEditor-ui-toolbar .page-characters div span, .oo-ui-panelLayout-framed,
  .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-buttons,
  .mw-ui-feature-header, .mw-ui-feature-discussion-link,
  .mw-ui-feature-info-link, .mw-widget-dateInputWidget-handle,
  .mw-widget-calendarWidget, .mw-parser-output .module-shortcutboxplain,
  .mw-parser-output .module-shortcutlist, .flow-ui-navigationWidget,
  .wikitable , .mw-parser-output .wiki-template-infocard,
  div, .ui-widget-content,
  .mw-rcfilters-ui-datePopupWidget, table.ombox-protection,
  .mw-parser-output .community-tabs td,
  .mw-parser-output .community-page-wrapper, .wikitable > tr > th,
  .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td,
  #specialchars, .bookshelf, table.ombox-notice, #content, .suggestions-special,
  table.fmbox, .wikibase-statementgrouplistview .wikibase-statementlistview,
  .wikibase-statementgroupview .wikibase-statementgroupview-property,
  .wikibase-sitelinkgroupview,
  .wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container,
  .wikibase-entitytermsforlanguagelistview .wikibase-entitytermsforlanguagelistview-header .wikibase-entitytermsforlanguagelistview-header-row .wikibase-entitytermsforlanguagelistview-cell,
  .fieldsetlike, .oo-ui-dropdownWidget-handle,
  .mw-rcfilters-ui-filterMenuHeaderWidget-header, .oo-ui-menuSelectWidget,
  .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk),
  .mw-rcfilters-ui-menuSelectWidget-footer, .collection-maintenance-box,
  .collection-maintenance-box, div.navbox-container, .lead_normal,
  .recent_interviews, .main_write, .mw-toolbox,
  .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar::after,
  .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar, .oo-ui-toolGroup,
  .oo-ui-toolbar-actions .oo-ui-toolGroup,
  .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
  .oo-ui-popupToolGroup-tools, .oo-ui-toolbar-actions .oo-ui-toolGroup,
  .flow-topic-summary-container .flow-topic-summary,
  .flow-topic-summary-container .flow-ui-editTopicSummaryWidget,
  .mw-content-ltr .flow-post .flow-replies, .wbmi-entityview-captionsPanel,
  #filetoc, .wbmi-tabs-container .oo-ui-panelLayout-framed,
  .mw-mmv-image-metadata, .mw_metadata td, .mw_metadata th, .vectorMenu .menu,
  .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
  .infobox:not(.standard-talk), div.flaggedrevs_short,
  div.flaggedrevs_short_details, .k-player .control-bar, table.cmbox,
  .mw-parser-output div.NavFrame, .infobox.geography .mergedtoprow td,
  .infobox.geography .mergedtoprow th, .infobox.geography td,
  .infobox.geography th, img.thumbborder, .mw-advancedSearch-fieldContainer,
  .oo-ui-tagMultiselectWidget-handle, .imeselector-menu,
  .language-settings-buttons, .uls-icon-back, #uls-settings-block,
  .mw-advancedSearch-namespace-selection, .mw-advancedSearch-namespace-border,
  .wikibase-statementview, .mw-parser-output .quotebox, .ext-uls-sub-panel,
  .rt-tooltip, .uls-ime-more-settings-link,
  .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
  .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed),
  .mw-rcfilters-ui-watchlistTopSectionWidget-separator,
  .mw-revslider-slider-wrapper, .mw-revslider-container, .otherprojects,
  .infobox.bordered td, .infobox.bordered th,
  .mw-parser-output .covid-sticky th::before,
  .mw-parser-output .covid-sticky th::after,
  .mw-mmv-permission-box.full-size .mw-mmv-permission-html,
  .oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
  .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
  .ve-ui-specialCharacterPage-character, .mw-echo-ui-notificationItemWidget,
  .mw-parser-output .commonscat, .infobox_v2 {
    border-color: var(--gray-5);
  }
  body .mw-parser-output table.ambox {
    border: 1px solid var(--gray-5);
  }
  body .mw-parser-output table.ambox {
    border-left: 10px solid var(--orange-2);
  }
  table.ambox-protection {
    border-left: 10px solid var(--gray-7) !important;
  }
  /* these are OK to be !important soon as a not is needed remove the offending one instead and fix fallback */
  #talkheader td, .infobox tr:not(),
  .mw-body-content code, .lang-list-button:hover, .oo-ui-buttonElement-button,
  #mwe-popups-settings, #mwe-popups-settings header, html .thumbimage,
  div,
  div, div,
  h2,
  div,
  .wikiEditor-ui .wikiEditor-ui-top, .mw-advancedSearch-fieldContainer fieldset,
  .editOptions, div#editpage-specialchars,
  .nmbox,
  div,
  table,
  table,
  table,
  table,
  table,
  div,
  table,
  td,
  .vertical-navbox td,
  div,
  td,
  div,
  div,
  td,
  div,
  th,
  td,
  div,
  div,
  td,
  td,
  table,
  table,
  div,
  div,
  table,
  td,
  th,
  table,
  div,
  div,
  div,
  table,
  ul,
  div,
  div,
  table,
  div,
  div,
  table,
  th, td,
  div,
  span,
  caption,
  table,
  div,
  div,
  td,
  th,
  table,
  div,
  div,
  table,
  td,
  table,
  th,
  table,
  table,
  td,
  div,
  td, div,
  div,
  div,
  div,
  div,
  td,
  td,
  table,
  div,
  div, .search-form fieldset,
  .uls-search, .uls-menu, .mw-datatable td, .mw-datatable th,
  table,
  div,
  span,
  table, tr.expand-child .description,
  div,
  td,
  th,
  ul,
  div, .tux-action-bar button,
  div,
  td,
  td,
  td,
  div,
  th,
  table,
  table {
    border-color: var(--gray-5) !important;
  }
  div, td,
  td {
    border-color: var(--gray-4) !important;
  }
  th {
    border-right-color: var(--gray-5) !important;
  }
  .rootpage-Wikipedia_Community_portal div {
    border-color: transparent !important;
  }
  /* stop hovering effects on tr/td borders
	   https://species.wikimedia.orghttps://dictious.com/en/Wikispecies:Templates#Link_Templates */
  tr:hover,
  td:not(.mid-table):not():not(.navbox-abovebelow):not(.navbox-list):not():not(.MainPageBG):hover {
    border-color: var(--gray-5) !important;
  }
  .tux-workflow-status:hover {
    border-color: var(--gray-7);
  }
  td.navbox-abovebelow:not(),
  th {
    border-color: var(--gray-2) !important;
  }
  td,
  td {
    border-color: var(--red-2) !important;
  }
  table,
  div {
    border-color: var(--gray-7) !important;
  }
  div {
    background-color: var(--gray-2) !important;
    border-color: var(--gray-5) !important;
  }
  li.gallerybox div.thumb {
    background-color: var(--gray-18);
  }
  tr.quality0 td {
    background-color: var(--gray-28) !important;
  }
  tr.quality1 td {
    background-color: var(--red-3) !important;
  }
  tr.quality2 td {
    background-color: var(--purple-1) !important;
  }
  tr.quality3 td {
    background-color: var(--brown-4) !important;
  }
  tr.quality4 td {
    background-color: var(--green-2) !important;
  }
  td {
    border-color: var(--gray-7) !important;
  }
  .bookshelf {
    border-top-color: var(--gray-3);
  }
  .lang-list-button, .the_table, hr {
    border: 1px solid var(--gray-5) !important;
  }
  hr {
    border: 1px inset var(--gray-4) !important;
    color: var(--gray-4) !important;
  }
  table.xambox {
    border: 1px solid var(--gray-5);
  }
  .toccolours {
    border-color: var(--gray-5) !important;
    background-color: var(--gray-2);
  }
  .toc, .mw-warning {
    border: 1px solid var(--gray-5);
    background-color: var(--gray-2);
  }
  #specialchars button {
    background: var(--gray-3) !important;
    border-color: var(--gray-5) !important;
    color: var(--gray-9a) !important;
  }
  #specialchars button:hover {
    background: var(--gray-2) !important;
    border-color: var(--base-color) !important;
    color: var(--gray-a) !important;
  }
  .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    border-color: var(--gray-69) !important;
    color: var(--gray-e);
  }
  div,
  table {
    border: 1px solid var(--gray-5) !important;
  }
  td, td {
    box-shadow: 0 5px 5px -7px var(--gray-5) !important;
  }
  td {
    box-shadow: 0 0 5px var(--gray-5) !important;
  }
  table {
    box-shadow: 0 0 .5em var(--gray-18) !important;
  }
  #bodyContent .mw-pt-translate-header {
    border-bottom-color: var(--gray-5) !important;
  }
  #mw-editform-cancel > a {
    border: 0;
  }
  .imeselector-menu::before {
    border-bottom: 7px solid var(--gray-5);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }
  .imeselector-menu::after {
    border-bottom: 6px solid var(--gray-);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  div, tr {
    border-color: var(--gray-5) !important;
  }
  .ve-ui-mwNoticesPopupTool-items > div:not(:first-child),
  .ve-ui-mwHelpPopupTool-item:not(:first-child), .oo-ui-popupWidget-popup,
  .ve-ui-citeSourceSelectWidget-separator, .oo-ui-searchWidget-query,
  .ve-ui-mwReferenceResultWidget {
    border-color: var(--gray-5);
  }
  .ve-init-mw-progressBarWidget {
    background-color: var(--gray-1);
    border-color: var(--base-color);
  }
  .ve-init-mw-progressBarWidget-bar {
    background-color: var(--base-color);
  }
  .cx-callout, .mwe-popups::before, .cx-callout-1::before {
    border-bottom-color: var(--gray-7);
  }
  .mwe-popups.mwe-popups-image-pointer::after {
    border-bottom: 12px solid var(--gray-2) !important;
  }
  .mwe-popups.mwe-popups-image-pointer::before {
    border-bottom: 9px solid var(--gray-4) !important;
  }
  .mwe-popups.mwe-popups-image-pointer.flipped-x::before {
    border-bottom-color: var(--gray-5) !important;
  }
  .mwe-popups.mwe-popups-image-pointer.flipped-x::after {
    border-bottom: 12px solid var(--gray-28) !important;
  }
  .mwe-popups.mwe-popups-no-image-pointer::before,
  .mwe-popups.mwe-popups-no-image-pointer::after {
    border-bottom-color: var(--gray-5) !important;
  }
  .mwe-popups.mwe-popups-no-image-pointer::after {
    border-bottom-color: var(--gray-2) !important;
  }
  .mwe-popups.flipped_y::before, .mwe-popups.flipped_x_y::before,
  .wikiEditor-toolbar-dialog .ui-dialog-buttonpane,
  .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before {
    border-top-color: var(--gray-5) !important;
  }
  .mwe-popups::after, .cx-callout-1::after {
    border-bottom-color: var(--gray-2) !important;
  }
  .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor::after {
    border-bottom-color: currentcolor !important;
  }
  .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor::before {
    border-top-color: var(--gray-5) !important;
  }
  .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
    border-bottom-color: var(--gray-2) !important;
  }
  .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
    border-bottom-color: var(--gray-5) !important;
    border-width: 10px !important;
  }
  .oo-ui-popupWidget {
    filter: none !important;
  }
  .oo-ui-image-progressive.oo-ui-icon-alert,
  .mw-ui-icon-alert-progressive::before,
  .oo-ui-image-progressive.oo-ui-icon-menu, .mw-ui-icon-menu-progressive::before,
  .oo-ui-image-progressive.oo-ui-icon-wikiText,
  .oo-ui-image-progressive.oo-ui-icon-eye, .mw-ui-icon-eye-progressive::before,
  .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
  .oo-ui-image-progressive.oo-ui-icon-specialCharacter,
  .mw-ui-icon-specialCharacter-progressive::before,
  .oo-ui-image-progressive.oo-ui-icon-help, .mw-ui-icon-help-progressive::before {
    filter: grayscale(1) brightness(230%);
  }
  .mwe-popups.flipped_y::after, .mwe-popups.flipped_x_y::after,
  .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after,
  .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after {
    border-top-color: var(--gray-2) !important;
  }
  .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before {
    border-top-color: var(--gray-4) !important;
  }
  .mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall {
    border: 1px solid var(--gray-5) !important;
  }
  .mwe-popups-settings-icon:hover, .mwe-popups-settings-icon:active {
    background-color: var(--gray-4) !important;
  }
  div.vectorTabs li:not(.selected), .oo-ui-popupWidget-anchor::after {
    border-bottom-color: var(--gray-5) !important;
  }
  .referencetooltip > li {
    background: var(--gray-2) !important;
    border: 1px solid var(--gray-5) !important;
  }
  button {
    border-style: solid !important;
    border-width: 1px !important;
  }
  /* arrow down */
  .referencetooltip > li + li, .referencetooltip > li + li::after {
    border-top-color: var(--gray-2) !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
  }
  /* arrow left */
  .uls-menu.callout.selector-left::before,
  .uls-menu.callout.selector-left::after,
  .interlanguage-uls-menu.selector-left::before,
  .interlanguage-uls-menu.selector-left::after {
    border-right-color: var(--gray-5);
  }
  .uls-menu.callout.selector-left::after,
  .interlanguage-uls-menu.selector-left::after {
    border-right: 10px solid var(--gray-2);
  }
  .mw-interlanguage-selector:active, .mw-interlanguage-selector.selector-open {
    background-color: var(--gray-28) !important;
    color: var(--gray-c);
  }
  .uls-menu {
    border-color: var(--gray-5) !important;
  }
  .referencetooltip > li + li {
    border-top: 12px var(--gray-5) solid !important;
  }
  .referencetooltip.RTflipped > li + li {
    border-bottom-color: var(--gray-2) !important;
  }
  .referencetooltip.RTflipped > li + li::after {
    border-bottom-color: transparent !important;
  }
  /* User Icon */
  #pt-anonuserpage, #pt-userpage a {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="%23aaa"><path d="M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z"/><circle cx="10" cy="5.5" r="4.5"/></g></svg>');
  }
  /* Bookmark Icon */
  #ca-watch.icon a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="transparent" stroke="%237cb5d1"/%3E%3C/svg%3E') !important;
  }
  #ca-unwatch.icon a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3ClinearGradient id="a" x1="13.47" x2="4.596" y1="14.363" y2="3.397" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23c2edff" offset="0"/%3E%3Cstop stop-color="%2368bdff" offset=".5"/%3E%3Cstop stop-color="%23fff" offset="1"/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="url(%23a)" stroke="%237cb5d1"/%3E%3C/svg%3E') !important;
  }
  /* Orange */
  #centralNotice > div {
    border-color: var(--orange-2) !important;
  }
  table.ambox-content:not(td), table.ambox-style {
    border-left: 10px solid var(--orange-2);
  }
  table.box-No_footnotes.ambox-style {
    border-left: 10px solid var(--yellow-2) !important;
  }
  table.ambox {
    border: 1px solid var(--gray-5);
  }
  /* add border */
  .vector-menu-tabs li, .client-js #preftoc li {
    border-right: 1px solid var(--gray-5) !important;
  }
  .vector-menu-tabs .selected, .client-js #preftoc li.selected {
    border-bottom: 2px solid var(--tab-color);
    box-shadow: none !important;
  }
  .oo-ui-window-content.oo-ui-messageDialog-content {
    border: 1px solid var(--gray-4) !important;
    margin: -1px !important;
  }
  tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image,
  tr + tr > .navbox-list {
    border-top: 2px solid var(--gray-2);
  }
  table.navbox {
    -webkit-box-shadow: 3px 3px 6px var(--gray-28);
       -moz-box-shadow: 3px 3px 6px var(--gray-28);
            box-shadow: 3px 3px 6px var(--gray-28);
  }
  /*** Text ***/
  .wikitable tr:not() th:not():not():not(),
  table.wikitable > tbody > tr > td > *,
  tr.ext-infobox-header th, tr.ext-infobox-header span {
    color: var(--white) !important;
  }
  .CategoryTreeEmptyBullet, .table-na, .infobox, .hp-portalen a span, kbd {
    color: var(--gray-c) !important;
  }
  .oo-ui-buttonElement-button:hover,
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
    color: var(--gray-bc) !important;
  }
  .ve-ui-mwTemplatePage-description {
    color: var(--gray-a);
  }
  a.new, #p-personal a.new {
    color: var(--red-4) !important;
  }
  #mw-editform-cancel > a > span.oo-ui-labelElement-label {
    color: var(--red-4);
  }
  /*** Quotes ***/
  blockquote {
    background-color: transparent !important;
    border: none !important;
  }
  /*** Misc ***/
  .bookshelf {
    box-shadow: 0 -1px 0 var(--gray-5);
  }
  ul, .portlet li {
    list-style-image: none;
  }
  .vectorMenu li {
    list-style: none none;
  }
  table, .jfk-bubble-closebtn,
  .oo-ui-tagMultiselectWidget-handle input {
    border: none !important;
  }
  .popup_history_row_even, .flow-topic-moderatestate-lock .flow-topic-titlebar {
    background: var(--gray-3);
  }
  .editOptions, #proveit-body, .wikiEditor-ui-toolbar .booklet .pages {
    background-color: transparent;
  }
  td {
    background: var(--gray-3) !important;
  }
  #proveit-header, #proveit-footer {
    background-color: var(--gray-1);
  }
  .wikEdFrameBodyPlain {
    background-color: var(--gray-1) !important;
  }
  .wikEdConsoleWrapper, .wikiEditor-ui-toolbar .group .tool-select,
  .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--gray-2);
  }
  #proveit, ul {
    background-color: var(--gray-2) !important;
  }
  .wikEdButtonBarButtonsWrapperVisible, .wikEdButtonBarButtonsWrapperHidden,
  .wikEdButtonBarGrip, .wikiEditor-ui-toolbar .sections .section,
  .wikiEditor-ui-toolbar .group .tool-select .options, .wikEdButtonsPreview {
    background-color: var(--gray-3);
  }
  .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
    background-color: var(--gray-4);
  }
  .wikiEditor-ui-toolbar .booklet .index div, .site-license a:hover,
  .lang-list-button, a.link-box strong:hover, a.link-box:hover strong,
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--base-color);
  }
  a.link-box:hover small bdi, a.link-box:hover small span {
    color: var(--gray-c);
  }
  .site-license a:hover,
  .flow-ui-boardDescriptionWidget-editButton .oo-ui-labelElement-label,
  .ui-toggler.ui-state-default {
    color: var(--base-color) !important;
  }
  .ui-toggler.ui-state-default {
    border: 0 !important;
    color: var(--base-color);
  }
  #proveit-header button, #proveit-footer button {
    color: var(--gray-5);
  }
  .wikiEditor-ui-toolbar .booklet .index .current {
    background-color: var(--gray-4);
    color: var(--gray-9a);
  }
  .imeselector-menu .ime-checked {
    background-image: linear-gradient(transparent, transparent),
                          url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%229%22%3E%3Cpath d=%22M11.226.257l-6.718 6.453-2.699-2.575-1.292 1.302c1.33 1.273 2.65 2.557 3.99 3.821 2.654-2.591 5.337-5.153 8.01-7.726z%22 fill=%22%23ccc%22/%3E%3C/svg%3E");
  }
  .wikEdButton, .wikEdButtonDummy, .wikEdButtonChecked, .wikEdButtonUnchecked {
    background-color: transparent;
    filter: invert(100%) hue-rotate(180deg);
  }
  .oo-ui-iconElement-icon.oo-ui-icon-edit {
    filter: grayscale(1) brightness(180%);
  }
  .mw-graph-img, .mw-graph .vega canvas {
    filter: invert(1) hue-rotate(180deg) contrast(60%);
  }
  .client-js .mw-graph-interactable:hover .mw-graph-layover,
  .client-js .mw-graph-hover-title {
    background-color: var(--gray-2_75);
  }
  .client-js .mw-graph-interactable:hover .mw-graph-switch:hover {
    background-color: var(--gray-4);
  }
  .client-js .mw-graph-switch:hover, .client-js .mw-graph-switch {
    background-color: var(--gray-3);
    border-color: var(--base-color);
    color: var(--base-color);
  }
  .wikEdButtonChecked {
    border-color: var(--gray-e) var(--gray-1) var(--gray-1) var(--gray-e) !important;
  }
  .wikEdButtonUnchecked {
    border-color: var(--gray-1) var(--gray-e) var(--gray-e) var(--gray-1) !important;
  }
  .mw-datatable td {
    background-color: var(--gray-2);
  }
  .mw-datatable th, .mw-datatable tr:hover td {
    background-color: var(--gray-3);
  }
  .mw-spinner-container > div::after {
    background-color: var(--gray-9a);
  }
  div.flaggedrevs_diffnotice, div.flaggedrevs_preview,
  div.mw-search-profile-tabs {
    background-color: var(--blue-2);
    border-color: var(--blue-3) !important;
    color: var(--gray-c) !important;
  }
  div.flaggedrevs_short, div.flaggedrevs_short_details,
  .mw-rcfilters-ui-filterMenuSectionOptionWidget,
  .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: var(--gray-2);
  }
  div {
    background-color: var(--gray-2) !important;
  }
  table.fmbox-warning {
    background-color: var(--red-3) !important;
    border-color: var(--red-0) !important;
  }
  .mw-ext-score img {
    background-color: var(--gray-c);
  }
  .installerTitle {
    background-color: var(--blue-2);
  }
  .scriptInstaller {
    box-shadow: 5px 5px 5px var(--gray-5);
    background-color: var(--gray-2);
  }
  .cnotice {
    background-color: var(--gray-18);
    border-color: var(--brown-2);
  }
  .wikipediauserbox td {
    color: var(--gray-a) !important;
  }
  .wikipediauserbox td a, .wikipediauserbox td a span {
    color: var(--base-color) !important;
  }
  .wikipediauserbox table,
  table {
    background-color: var(--gray-2) !important;
  }
  .wikipediauserbox, .wikipediauserbox td *,
  table {
    border-color: var(--gray-5) !important;
  }
  .boilerplate.archived {
    background-color: var(--blue-2) !important;
    border-color: var(--blue-4) !important;
  }
  .boilerplate.archived {
    background-color: var(--green-4) !important;
    border-color: var(--green-2) !important;
  }
  .boilerplate.archived {
    background-color: var(--red-3) !important;
    border-color: var(--red-2) !important;
  }
  .boilerplate.archived {
    background-color: var(--brown-1) !important;
    border-color: var(--brown-2) !important;
  }
  .boilerplate.xfd-closed {
    background-color: var(--blue-3) !important;
    border-color: var(--blue-1) !important;
  }
  .boilerplate {
    background-color: var(--green-2) !important;
    border-color: var(--green-1) !important;
  }
  .mw-collapsible.mw-made-collapsible th:not():not() {
    background-color: var(--green-2) !important;
  }
  .mw-collapsible.mw-made-collapsible td {
    background-color: var(--gray-3) !important;
    border-color: var(--gray-5) !important;
  }
  .mw-collapsible.mw-made-collapsible,
  .skin-vector-max-width .mw-footer {
    border-color: var(--gray-5) !important;
  }
  /*** main page ***/
  .mw-parser-output #mp-topbanner {
    border-color: var(--gray-5);
    background-color: var(--gray-2);
  }
  .mw-parser-output #mp-topbanner, .mw-parser-output .mp-h2,
  .mw-parser-output #mp-left {
    color: var(--gray-c);
  }
  .mw-parser-output #mp-right {
    border-color: var(--blue-1);
    background: var(--blue-2);
  }
  .mw-parser-output #mp-right .mp-h2 {
    border-color: var(--blue-1);
  }
  .mw-parser-output #mp-left {
    border-color: var(--green-1);
    background: var(--green-4);
  }
  .mw-parser-output #mp-left .mp-h2 {
    border-color: var(--green-1);
  }
  .mw-parser-output #mp-middle {
    border-color: var(--pink-2);
    background: var(--pink-0);
  }
  .mw-parser-output #mp-tfl-h2 {
    border-color: var(--pink-2);
  }
  .mw-parser-output #mp-lower {
    border-color: var(--purple-2);
    background: var(--purple-d);
  }
  .mw-parser-output #mp-tfp-h2 {
    border-color: var(--purple-2);
  }
  .mw-parser-output #mp-other-lower {
    border-color: var(--gray-5);
  }
  .mw-parser-output #mp-other-lower .mp-h2 {
    background: var(--gray-28);
    border-color: var(--gray-5);
  }
  .mw-parser-output .itn-special {
    background-color: var(--blue-3);
    border-color: var(--blue-4);
  }
  #mp-middle p, #mp-other-lower p, .oo-ui-toolbar-bar {
    color: var(--gray-c);
  }
  #mp-left h2, #mp-left h2 span {
    background: var(--green-2) !important;
    color: var(--gray-d) !important;
  }
  #mp-right h2, #mp-right h2 span {
    background-color: var(--blue-3) !important;
  }
  #mp-center #mp-tfl-h2, #mp-center #mp-tfl-h2 span {
    background-color: var(--pink-1) !important;
    color: var(--gray-d) !important;
  }
  #mp-lower #mp-bottom h2, #mp-bottom h2 span {
    background-color: var(--purple-1) !important;
  }
  /*** diff pages ***/
  table.diff, td.diff-otitle, td.diff-ntitle, td.diff-addedline,
  td.diff-deletedline, td.diff-context {
    background-color: transparent !important;
    color: var(--gray-9a);
  }
  .wikEdDiffButtonUnchecked {
    border-color: var(--gray-4) !important;
  }
  td.diff-deletedline .diffchange, .wikEdDiffDelete,
  .wikEdDiffFragment:hover .wikEdDiffDelete {
    background-color: var(--diff-del) !important;
    color: var(--gray-d) !important;
  }
  .mw-revslider-revision-tooltip .mw-revslider-change-negative {
    color: var(--diff-del);
  }
  td.diff-addedline .diffchange, .wikEdDiffInsert,
  .wikEdDiffFragment:hover .wikEdDiffInsert {
    background-color: var(--diff-add) !important;
    color: var(--gray-d) !important;
  }
  td.diff-deletedline {
    border-color: var(--diff-del) !important;
  }
  td.diff-addedline {
    border-color: var(--diff-add) !important;
  }
  del.popupDiff {
    background-color: var(--diff-del);
  }
  ins.popupDiff {
    background-color: var(--diff-add);
  }
  .mw-revslider-pointer-line .mw-revslider-upper-color,
  .mw-revslider-pointer-container-newer .mw-revslider-slider-line {
    border-color: var(--revs-new) !important;
  }
  .mw-revslider-pointer-line .mw-revslider-lower-color,
  .mw-revslider-pointer-container-older .mw-revslider-slider-line {
    border-color: var(--revs-old) !important;
  }
  .oo-ui-buttonElement-button:active, .pure-button-primary-progressive:active,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
  .mw-ui-button.mw-ui-progressive:active,
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active {
    filter: brightness(72.5%) !important;
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus:not(:active),
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus:not(:active),
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:not(:active) {
    border-color: var(--base-color) !important;
    box-shadow: inset 0 0 0 1px var(--base-color) !important;
  }
  .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color: var(--gray-7) !important;
  }
  .mw-mmv-title-para .mw-mmv-ttf-ellipsis {
    background-color: var(--gray-2);
  }
  .oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
  .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
    background-color: transparent !important;
  }
  .oo-ui-labelWidget.oo-ui-inline-help {
    color: var(--gray-9a);
  }
  .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
  .mw-mmv-label,
  .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis,
  .wbmi-item .wbmi-item-container .wbmi-entity-header,
  .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
    background-color: var(--gray-28);
    color: var(--gray-b);
  }
  .mw-mmv-label:hover, .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover,
  .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover {
    background-color: var(--gray-3);
  }
  .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: var(--gray-3);
    color: var(--gray-9a);
    border-color: var(--gray-5);
  }
  .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
  input.too-ui-inputWidget-input {
    border-color: var(--base-color);
    box-shadow: inset 0 0 0 1px var(--base-color) !important;
  }
  .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: var(--gray-3);
  }
  .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    text-shadow: none;
    border-color: var(--gray-5);
    background-color: var(--gray-3);
  }
  .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
    background-color: var(--gray-3);
  }
  .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
    background-color: var(--gray-4);
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
  }
  .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: var(--gray-e) !important;
  }
  /*** translation pages ***/
  body.mw-special-ContentTranslation, body.mw-special-ContentTranslationStats {
    background-color: var(--gray-2);
    background-image: var(--bg-selected);
  }
  .cx-dashboard, .cx-slitem__details .cx-slitem__translation-link .source-title,
  .cx-tlitem .cx-tlitem__details .translation-link .source-title,
  .cx-ui-translationIssue.oo-ui-tabPanelLayout > .cx-ui-translationIssue-message {
    color: var(--gray-c);
  }
  .cx-translationlist-container, .cx-translation-view, .cx-column,
  .cx-column.cx-column-tools, .card-instructions-count-one,
  .card-instructions-count-two, .card-instructions-count-three {
    background-color: transparent;
  }
  .cx-dashboard-sidebar__help, .cx-translator, .cx-suggestionlist__header,
  .cx-translationlist__header, .cx-card:not(:empty) {
    background-color: var(--gray-2);
  }
  .translation-filter, .cx-selected-source-page__actions,
  .cx-selected-source-page__container, .cx-selected-source-page__license,
  .cx-translationlist-empty, .cx-suggestionlist-empty,
  .cx-translation-view .cx-translation-view-container {
    background-color: var(--gray-28);
  }
  .cx-translatorstats, .cx-tlitem:hover, .cx-slitem:hover,
  .cx-suggestionlist__collapse:hover, .cx-suggestionlist__expand:hover,
  .cx-suggestionlist__refresh:hover,
  .ve-ce-cxPendingNode-pending .ve-ce-cxPendingNode-indicator {
    background-color: var(--gray-3);
  }
  .cx-tlitem:last-child, .cx-slitem:last-child,
  .mw-cx-tools-IssueTracking > .mw-cx-tools-IssueTracking-body,
  .cx-ui-translationIssue.oo-ui-tabPanelLayout > .cx-ui-translationIssue-foot:not(:empty) {
    border-color: var(--gray-5);
  }
  .cx-language-filter .cx-language-filter-arrow::before,
  .cx-language-filter .cx-language-filter-arrow::after {
    border-left-color: var(--gray-5);
  }
  .ve-cx-toolbar-mt .ve-cx-toolbar-mt-title {
    border-bottom-color: var(--gray-5);
  }
  .ve-ce-cxLintableNode.mw-cx-current-issue-warning {
    box-shadow: -16px 0 0 -4px var(--gray-4), -20px 0 0 -4px var(--yellow-1);
  }
  .ve-ce-cxLintableNode.mw-cx-lintIssue-warning {
    box-shadow: -17px 0 0 -4px var(--gray-3), -20px 0 0 -4px var(--yellow-1);
  }
  .cx-header__trademark img {
    filter: invert(100%) brightness(60%);
  }
  .cx-tlitem, .cx-slitem, .cx-suggestionlist__collapse,
  .cx-suggestionlist__expand, .cx-suggestionlist__refresh,
  .cx-translation-view-header, .card-instructions-section {
    background-color: var(--gray-2);
    border-color: var(--gray-5);
  }
  .oo-ui-tagItemWidget.oo-ui-widget-disabled {
    background-color: var(--gray-3);
    border-color: var(--gray-5);
    text-shadow: none;
  }
  .cx-language-filter, .cx-dashboardlist__loading-indicator {
    background-color: var(--gray-3);
    border-color: var(--gray-5);
  }
  .ve-ce-cxPlaceholderNode {
    background-color: var(--gray-3);
    box-shadow: 0 0 0 4px var(--gray-3);
  }
  .cx-highlight, .cx-sentence-highlight, .cx-section-highlight {
    background-color: var(--brown-3);
    box-shadow: 0 0 0 4px var(--brown-3);
  }
  .ve-cx-toolbar-mt .ve-cx-toolbar-mt-noservices {
    background-color: var(--gray-28);
    border-color: var(--gray-5);
  }
  /*** invert images ***/
  img, #mw-wsmfinal-close, img,
  .infobox img:not(),
  img:not(),
  img:not(),
  img:not():not():not(),
  #gtx-host, .jfk-bubble-closebtn, .RTsettings,
  #pt-notifications-notice .mw-echo-notifications-badge,
  #pt-notifications-alert .mw-echo-notifications-badge,
  img.mwe-math-fallback-image-display, #cnotice-toggle-icon {
    -webkit-filter: invert(100%) !important;
            filter: invert(100%) !important;
    background-color: transparent !important;
  }
  img.mwe-math-fallback-image-inline, .oo-ui-indicator-required {
    filter: invert(1) brightness(90%);
  }
  div.equation-box {
    background-color: var(--gray-1) !important;
  }
  div.equation-box {
    border-color: var(--base-color) !important;
  }
  img, img,
  img, img,
  img, img,
  img,
  img,
  img, img,
  a.image img,
  .ve-ui-educationPopup-header {
    filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(102%);
  }
  a.image img,
  a.image img,
  a.image img,
  a.image img,
  a.image img,
  a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  img, img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img,
  img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  .flow-ui-boardDescriptionWidget-editButton a.oo-ui-buttonElement-button:hover,
  a.image img, a.image img,
  a.image img, a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image ,
  a.image , a.image ,
  a.image , a.image ,
  a.image , a.image ,
  a.image , a.image ,
  a.image , a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a.image img,
  a.image img, a img, .filehistory a img,
  #file img:hover {
    background: inherit !important;
  }
  .vertical-navbox th:not():not():not(),
  div, span {
    background-color: inherit !important;
  }
  img, img,
  img, a img,
  a img,
  a img:not(), a img,
  a img, a img,
  a img, a img,
  a img, a img,
  a img,
  a img, img,
  a.image img, img,
  img, a.image ,
  a.image ,
  img, a.image ,
  img, a.image , img,
  a.image , img,
  img, img, img,
  img, img, a.image img,
  img, a img {
    background: transparent !important;
    filter: invert(1) hue-rotate(180deg) contrast(84%);
  }
  a img, span img {
    background: transparent !important;
    filter: none !important;
  }
  a.image img, a.image img,
  a.image img,
  img,
  a img, a img,
  a.image img, a.image img,
  a.image img {
    background: inherit !important;
    filter: invert(90%) hue-rotate(180deg) brightness(140%) contrast(200%);
  }
  img {
    filter: invert(1) brightness(80%) contrast(90%);
    background-color: #bbb !important;
  }
  .mbox-image img, a.image img,
  a img {
    filter: invert(90%) hue-rotate(180deg) brightness(120%);
  }
  /* fix border due to image inversion in above rule */
  div.thumbinner a.image img,
  a.image img {
    border: 1px solid var(--gray-c) !important;
  }
  .oo-ui-pendingElement-pending {
    background-color: var(--gray-1);
    background-image: -webkit-linear-gradient(135deg, var(--black) 25%, transparent 25%, transparent 50%, var(--black) 50%, var(--black) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, var(--black) 25%, transparent 25%, transparent 50%, var(--black) 50%, var(--black) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, var(--black) 25%, transparent 25%, transparent 50%, var(--black) 50%, var(--black) 75%, transparent 75%, transparent);
  }
  .central-textlogo__image, .unicode.haudio a img {
    filter: invert(60.5%) !important;
  }
  .mw-ui-icon-popups-close::before, .mw-ui-icon-footer::before,
  .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):not(.oo-ui-icon-stop):not(.oo-ui-icon-add):not(.oo-ui-icon-check) {
    filter: invert(86.5%) !important;
  }
  .central-featured-logo {
    filter: brightness(90%) !important;
  }
  .oo-ui-icon-bell, .mw-widget-calendarWidget-day-additional {
    opacity: .7 !important;
  }
  #footer-icons img {
    filter: brightness(70%);
  }
  img {
    filter: invert(60%);
  }
  .sprite.svg-translate-icon, .sprite.svg-arrow-down-blue {
    filter: grayscale(100%) brightness(200%);
  }
  .svg-language-icon {
    background-position: 0 -617px;
    filter: grayscale(1) brightness(2);
  }
  .bookshelf-container .bookend {
    filter: invert(1) grayscale(1) brightness(120%);
  }
  #mw-indicator-mw-helplink a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12.001 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 5.476 4.438 9.914 9.916 9.914 5.476 0 9.914-4.438 9.914-9.914 0-5.478-4.438-9.916-9.914-9.916zm0.001 18c-4.465 0-8.084-3.619-8.084-8.083 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083z" fill="%23888"/%3E%3Cpath d="m11.766 6.688c-2.5 0-3.219 2.188-3.219 2.188l1.411 0.854s0.298-0.791 0.901-1.229c0.516-0.375 1.625-0.625 2.219 0.125 0.701 0.885-0.17 1.587-1.078 2.719-0.953 1.186-1 3.655-1 3.655h1.969s0.135-2.318 1.041-3.381c0.604-0.707 1.443-1.338 1.443-2.494s-1.187-2.437-3.687-2.437zm-0.766 9.312h2v2h-2v-2z" fill="%23888"/%3E%3C/svg%3E');
  }
  .cx-campaign-contributionsmenu li.cx-campaign-contributions a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z" fill="%23888"/%3E%3Ccircle cx="10" cy="5.5" r="4.5" fill="%23888"/%3E%3C/svg%3E%0A');
  }
  .cx-campaign-contributionsmenu li.cx-campaign-translations a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.159.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z" fill="%23888"/%3E%3C/svg%3E');
  }
  .cx-campaign-contributionsmenu li.cx-campaign-uploads a {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.09 6.18a3.68 3.68 0 0 1-2.18-2.55c.09.09 1.82.91 1.82.91L10 0 7.27 4.55l1.82-.91a5.08 5.08 0 0 0 .55 1.91 5.13 5.13 0 0 0 2 2 8.86 8.86 0 0 1 2 1.18l-.64.63-.45-.45-.26 1.54 1.54-.26-.45-.45.62-.65a5.69 5.69 0 0 1 1.45 3.45h-.91v-.73l-1.26.91 1.26.91v-.73h.91A5.21 5.21 0 0 1 14 16.36l-.64-.64.45-.45-1.53-.27.26 1.54.45-.45.64.64a5.69 5.69 0 0 1-3.45 1.45v-.91h.73L10 16l-.91 1.27h.73v.91a5.21 5.21 0 0 1-3.45-1.45l.63-.64.45.45.27-1.54-1.54.26.45.45-.63.65a5.69 5.69 0 0 1-1.45-3.45h.91v.73l1.26-.91-1.26-.91v.73h-.91A5.21 5.21 0 0 1 6 9.09l.64.64-.45.45 1.54.26-.28-1.53-.45.45-.64-.64L5 7.45a7.29 7.29 0 1 0 8.09-1.27z" fill="%23888"/%3E%3Ccircle cx="10" cy="12.7" r="2.5" fill="%23888"/%3E%3C/svg%3E');
  }
  table.jquery-tablesorter th.headerSort {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="9"%3E%3Cpath d="M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z" fill="%23ccc"/%3E%3C/svg%3E');
  }
  img {
    filter: invert(.8);
  }
  .oo-ui-indicator-down, .oo-ui-indicator-clear {
    filter: invert(100%);
  }
  #pt-uls a.uls-trigger, .sprite.svg-Wikimedia-logo_black {
    filter: invert(100%) hue-rotate(180deg);
  }
  div#mw-panel div.portal .body {
    background-image: none !important;
  }
  div#mw-panel div.portal h3 {
    background-image: linear-gradient(to right, var(--gray-5) 0%, var(--gray-5) 100%);
  }
  /*** Reference tooltips ***/
  .rt-tooltip, .rt-tooltipTail::after {
    background: var(--gray-2) !important;
  }
  .rt-tooltipTail {
    background: var(--gray-5) !important;
  }
  /*** Page preview settings ***/
  .mwe-popups-overlay {
    background-color: var(--gray-2_75) !important;
  }
  #mwe-popups-settings {
    box-shadow: 0 2px 2px 0 var(--gray-5_25) !important;
  }
  a.image img, img,
  img, img,
  img,
  img, img,
  img,
  img,
  img {
    filter: invert(1) hue-rotate(180deg) brightness(90%);
  }.mw-wiki-logo {
    background-image: url("https://upload.wikimedia.org/wikipedia/meta/2/21/Wiktionary-logo-tiles_1x.png");
    width: 120px !important;
    height: 120px !important;
    margin-left: 30px !important;
    background-size: cover;
  }
  #p-logo:before {
    content: "Wiktionary";
    margin-left: 40px !important;
    font-size: 20px;
    color: var(--gray-a);
  }
  #p-logo:after {
    content: "The free Dictionary";
    margin-left: 26px !important;
    font-size: 14px;
    color: var(--gray-a);
    vertical-align: text-top;
  }
  span a img {
    filter: invert(1) hue-rotate(180deg) brightness(150%) !important;
  }
  #main_page_mp-mp {
    background-color: transparent !important;
  }
  #main_page_mp-mp div:not(.ui-widget):not(.control-bar):not(.lButton):not(.bodySearchWrap):not(#WOTD-rss-description):not():not(),
   .NavContent, .noShowEditText, div.mw-editnotice div,
  .mw-htmlform-ooui-wrapper.oo-ui-layout {
    background-color: var(--gray-2);
  }
  div,
  div,
  div {
    background-color: var(--gray-2) !important;
  }
  span {
    background-color: var(--gray-2) !important;
  }
  table {
    background-color: var(--purple-0) !important;
    border: 3px solid var(--purple-2) !important;
  }
  table {
    background-color: var(--blue-2) !important;
    border: 3px solid var(--blue-4) !important;
  }
  div {
    background-color: var(--gray-28) !important;
    border: 3px solid var(--gray-4) !important;
  }
  td {
    border-color: var(--gray-2) !important;
  }
  #main_page_mp-mp table:not():not() {
    border-color: var(--gray-5) !important;
  }
  div.NavFrame div.NavHead {
    color: var(--gray-e);
  }
  div.NavFrame div.NavHead, details.NavFrame summary.NavHead {
    background: var(--gray-4);
  }
  div.NavFrame div.NavHead:hover, details.NavFrame summary.NavHead:hover {
    background: var(--gray-5);
  }
  .NavContent .translations form span,
  .list-switcher-element a {
    color: var(--base-color) !important;
  }
  .HQToggle::before, .NavToggle::before, .HQToggle::after, .NavToggle::after {
    color: var(--base-color);
  }
  td {
    background-color: var(--brown-1) !important;
  }
  .trreq {
    background-color: var(--green-4);
  }