MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
23,814 bytes added ,  10:03, 6 April 2022
m
no edit summary
No edit summary
mNo edit summary
Line 2,130: Line 2,130:
   border: 1px solid #475980;
   border: 1px solid #475980;
   border-left: none;
   border-left: none;
}
body.wgl-darkmode ::root {
  --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,328: Line 2,490:
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");
}
body.wgl-darkmode ::root {
  --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,525: Line 2,849:
   color: #ee4231;
   color: #ee4231;
   border-bottom-color: #ee4231;
   border-bottom-color: #ee4231;
}
body.wgl-darkmode ::root {
  --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;
}
}



Navigation menu