MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
58,682 bytes removed ,  10:19, 6 April 2022
no edit summary
mNo edit summary
No edit summary
Line 1,957: Line 1,957:
   }
   }
}
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
:root {
  --code-editor-border: var(--body-main);
  --code-editor-background: var(--body-light);
}
body.wgl-darkmode :root {
   --code-editor-border: var(--body-main);
   --code-editor-border: var(--body-main);
   --code-editor-background: var(--body-light);
   --code-editor-background: var(--body-light);
Line 2,029: Line 1,967:
body.wgl-darkmode .codeEditor-status-message {
body.wgl-darkmode .codeEditor-status-message {
   border-color: var(--code-editor-border);
   border-color: var(--code-editor-border);
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
}


body.wgl-darkmode {
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
:root {
  --codemirror-gutter-background: var(--body-light);
  --codemirror-border: var(--body-main);
  --codemirror-background: var(--body-dark);
  --codemirror-caret-color: #61afef;
  --codemirror-text-color: var(--text-color);
  --codemirror-select-1: rgba(140, 171, 230, 0.1);
  --codemirror-select-2: rgba(140, 171, 230, 0.2);
  --codemirror-section: #fff;
}
body.wgl-darkmode :root {
   --codemirror-gutter-background: var(--body-light);
   --codemirror-gutter-background: var(--body-light);
   --codemirror-border: var(--body-main);
   --codemirror-border: var(--body-main);
Line 2,224: Line 2,094:
.CodeMirror-focused body.wgl-darkmode .CodeMirror-selected {
.CodeMirror-focused body.wgl-darkmode .CodeMirror-selected {
   background-color: var(--codemirror-select-2);
   background-color: var(--codemirror-select-2);
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
}


Line 2,292: Line 2,105:
   background: var(--body-dark);
   background: var(--body-dark);
   border-color: var(--body-main);
   border-color: var(--body-main);
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
}


Line 2,374: Line 2,130:
   border: 1px solid #475980;
   border: 1px solid #475980;
   border-left: none;
   border-left: none;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
body.wgl-darkmode {
  --oo-ui-text-color: var(--text-color);
  --oo-ui-background-light: var(--body-light);
  --oo-ui-background-mid: var(--body-dark);
  --oo-ui-background-dark: #384766;
  --oo-ui-border-light: #475980;
  --oo-ui-border-mid: #556c9b;
  --oo-ui-border-dark: #3f5073;
  --oo-ui-disabled: #8992a4;
  --oo-ui-widget-background: #182137;
}
body.wgl-darkmode .oo-ui-widget {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #447ff5;
  border-color: #447ff5;
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  background-color: #2a4b8d;
  border-color: #2a4b8d;
}
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
  background-color: var(--oo-ui-dark-background);
  border-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-menuSelectWidget {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
  color: rgba(203, 217, 244, 0.6);
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-pendingElement-pending {
  background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #2a354c;
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
  background-color: #8daeee;
  border-color: #728bba;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
  color: #ccd9f4;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
  color: #ccd9f4;
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-window-content {
  background-color: var(--oo-ui-dark-background);
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
  outline-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
  background-color: #2a3956;
  border-color: #384c71;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
  border-color: #3b5078;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
  background-color: #313946;
  border-color: #363f50;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
  text-shadow: 0 1px 1px #000;
  color: #e5f3fc;
  -webkit-text-fill-color: #e5f3fc;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
  background-color: #444e5a;
}
}


Line 2,707: Line 2,187:
body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover {
body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover {
   background-color: #384766;
   background-color: #384766;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
}


Line 2,898: Line 2,321:
   background-color: var(--body-light);
   background-color: var(--body-light);
   color: #cbd9f4;
   color: #cbd9f4;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
}


Line 2,962: Line 2,328:
body.wgl-darkmode #pt-notifications-notice a {
body.wgl-darkmode #pt-notifications-notice a {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23ccd9f4' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E");
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23ccd9f4' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E");
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
body.wgl-darkmode {
  --oo-ui-text-color: var(--text-color);
  --oo-ui-background-light: var(--body-light);
  --oo-ui-background-mid: var(--body-dark);
  --oo-ui-background-dark: #384766;
  --oo-ui-border-light: #475980;
  --oo-ui-border-mid: #556c9b;
  --oo-ui-border-dark: #3f5073;
  --oo-ui-disabled: #8992a4;
  --oo-ui-widget-background: #182137;
}
body.wgl-darkmode .oo-ui-widget {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #447ff5;
  border-color: #447ff5;
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  background-color: #2a4b8d;
  border-color: #2a4b8d;
}
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
  background-color: var(--oo-ui-dark-background);
  border-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-menuSelectWidget {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
  color: rgba(203, 217, 244, 0.6);
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-pendingElement-pending {
  background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #2a354c;
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
  background-color: #8daeee;
  border-color: #728bba;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
  color: #ccd9f4;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
  color: #ccd9f4;
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-window-content {
  background-color: var(--oo-ui-dark-background);
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
  outline-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
  background-color: #2a3956;
  border-color: #384c71;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
  border-color: #3b5078;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
  background-color: #313946;
  border-color: #363f50;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
  text-shadow: 0 1px 1px #000;
  color: #e5f3fc;
  -webkit-text-fill-color: #e5f3fc;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
  background-color: #444e5a;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
}


Line 3,492: Line 2,525:
   color: #ee4231;
   color: #ee4231;
   border-bottom-color: #ee4231;
   border-bottom-color: #ee4231;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
body.wgl-darkmode {
  --oo-ui-text-color: var(--text-color);
  --oo-ui-background-light: var(--body-light);
  --oo-ui-background-mid: var(--body-dark);
  --oo-ui-background-dark: #384766;
  --oo-ui-border-light: #475980;
  --oo-ui-border-mid: #556c9b;
  --oo-ui-border-dark: #3f5073;
  --oo-ui-disabled: #8992a4;
  --oo-ui-widget-background: #182137;
}
body.wgl-darkmode .oo-ui-widget {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #447ff5;
  border-color: #447ff5;
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  background-color: #2a4b8d;
  border-color: #2a4b8d;
}
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
  background-color: var(--oo-ui-dark-background);
  border-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-menuSelectWidget {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
  color: rgba(203, 217, 244, 0.6);
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-pendingElement-pending {
  background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #2a354c;
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
  background-color: #8daeee;
  border-color: #728bba;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
  color: #ccd9f4;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
  color: #ccd9f4;
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-window-content {
  background-color: var(--oo-ui-dark-background);
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
  outline-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
  background-color: #2a3956;
  border-color: #384c71;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
  border-color: #3b5078;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
  background-color: #313946;
  border-color: #363f50;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
  text-shadow: 0 1px 1px #000;
  color: #e5f3fc;
  -webkit-text-fill-color: #e5f3fc;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
  background-color: #444e5a;
}
}


Line 3,838: Line 2,595:
   background: none;
   background: none;
   border: none;
   border: none;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
}


body.wgl-darkmode {
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
:root {
  --body-main: #e2dbc8;
  --body-light: #d8ccb4;
  --body-mid: #d0bd97;
  --body-dark: #b8a282;
  --body-border: #94866d;
  --body-background-color: #c0a886;
  --button-background: #605443;
  --button-color: #fff;
  --button-border: #3c352a;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #cfc08d;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #444;
  --background-link-color: #52351e;
  --search-box: #efeee6;
  --link-color: #936039;
  --redlink-color: #ba0000;
  --text-color: #000;
  --base-text-color: #444e5a;
  --base-heading-color: #444e5a;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #ddd4bb;
  --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E");
  --body-background-image: url("filepath://wiki-background.png");
}
body.wgl-darkmode {
  --body-main: #172136;
  --body-light: #313e59;
  --body-mid: #293753;
  --body-dark: #222e45;
  --body-border: #596e96;
  --body-background-color: #071022;
  --button-background: #222e45;
  --button-color: #fff;
  --button-border: #222e45;
  --button-dark: #18140c;
  --button-light: #3a301d;
  --sidebar: #596e96;
  --sidebar-text-color: #444444;
  --sidebar-link-color: #442b18;
  --background-text-color: #cbd9f4;
  --background-link-color: #8cabe6;
  --search-box: #313e59;
  --link-color: #8cabe6;
  --redlink-color: #f26d60;
  --text-color: #cbd9f4;
  --base-text-color: #cbd9f4;
  --base-heading-color: #cbd9f4;
  --base-heading-border: #e4eaee;
  --mw-code-background-color: #313e59;
  --oo-ui-popup-border-color: #2f4060;
}
body.wgl-darkmode {
  --oo-ui-text-color: var(--text-color);
  --oo-ui-background-light: var(--body-light);
  --oo-ui-background-mid: var(--body-dark);
  --oo-ui-background-dark: #384766;
  --oo-ui-border-light: #475980;
  --oo-ui-border-mid: #556c9b;
  --oo-ui-border-dark: #3f5073;
  --oo-ui-disabled: #8992a4;
  --oo-ui-widget-background: #182137;
}
body.wgl-darkmode .oo-ui-widget {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #447ff5;
  border-color: #447ff5;
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  background-color: #2a4b8d;
  border-color: #2a4b8d;
}
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
  background-color: var(--oo-ui-dark-background);
  border-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-menuSelectWidget {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-textInputWidget input, body.wgl-darkmode .oo-ui-textInputWidget textarea {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
  color: rgba(203, 217, 244, 0.6);
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
  border-color: var(--oo-ui-border-mid);
}
body.wgl-darkmode .oo-ui-pendingElement-pending {
  background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
  background-color: var(--oo-ui-widget-background);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  color: var(--oo-ui-text-color);
  background-color: var(--oo-ui-background-light);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #2a354c;
}
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: var(--oo-ui-background-dark);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
  background-color: var(--oo-ui-background-dark);
  border-color: var(--oo-ui-border-light);
}
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
  background-color: var(--oo-ui-disabled);
  border-color: var(--oo-ui-disabled);
}
body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
  background-color: #8daeee;
  border-color: #728bba;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
  color: #ccd9f4;
}
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
  color: #ccd9f4;
  border-color: var(--oo-ui-border-dark);
}
body.wgl-darkmode .oo-ui-window-content {
  background-color: var(--oo-ui-dark-background);
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
  outline-color: var(--oo-ui-popup-border-color);
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info {
  background-color: #2a3956;
  border-color: #384c71;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover {
  border-color: #3b5078;
}
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
  color: var(--oo-ui-text-color);
}
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
  background-color: #313946;
  border-color: #363f50;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
  text-shadow: 0 1px 1px #000;
  color: #e5f3fc;
  -webkit-text-fill-color: #e5f3fc;
}
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
  background-color: #444e5a;
}
body.wgl-darkmode :root {
   --wikieditor-hover-background: #556c9b;
   --wikieditor-hover-background: #556c9b;
   --wikieditor-hover-color: #e0e8f8;
   --wikieditor-hover-color: #e0e8f8;

Navigation menu