MediaWiki:Mobile.css: Difference between revisions

Jump to navigation Jump to search
4,191 bytes added ,  06:52, 6 April 2022
no edit summary
No edit summary
No edit summary
Line 644: Line 644:
   filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}
}
body.wgl-darkmode #pt-notifications-notice,
body.wgl-darkmode #pt-notifications-alert .mw-echo-notifications-badge {
body.wgl-darkmode #pt-notifications-alert {
   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 bell %3C/title%3E%3Cpath fill='%23ccd9f4' d='M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z'/%3E%3C/svg%3E");
   filter: brightness(0) invert(1);
}
}


Line 2,186: Line 2,185:
}
}


body.wgl-darkmode .mw-highlight pre {
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
   background-color: #222e45;
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
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: #2f4060;
}
}


body.wgl-darkmode .mw-highlight pre .hll {
body.wgl-darkmode .mw-echo-ui-notificationItemWidget {
   background-color: #49483e;
   background-color: #2a3751;
  border-color: #2f4060;
}
}


body.wgl-darkmode .mw-highlight pre .c {
body.wgl-darkmode .mw-echo-ui-notificationItemWidget:hover {
   color: #949eaa;
   background: #2f3d57;
}
}


body.wgl-darkmode .mw-highlight pre .err {
body.wgl-darkmode .mw-echo-ui-notificationItemWidget-content-message-body {
   color: #960050;
   color: #cbd9f4;
}
}


body.wgl-darkmode .mw-highlight pre .k {
body.wgl-darkmode .mw-echo-ui-notificationItemWidget-icon {
   color: #66d9ef;
   filter: brightness(150%);
}
}


body.wgl-darkmode .mw-highlight pre .l {
body.wgl-darkmode .mw-echo-ui-notificationItemWidget-content-message-header {
   color: #ae81ff;
   color: #cbd9f4;
}
}


body.wgl-darkmode .mw-highlight pre .n {
body.wgl-darkmode .mw-echo-ui-crossWikiNotificationItemWidget-separator,
   color: #f8f8f2;
body.wgl-darkmode .mw-echo-ui-bundleNotificationItemWidget-separator {
   border-color: #2f4060;
}
}


body.wgl-darkmode .mw-highlight pre .o {
body.wgl-darkmode .mw-echo-ui-crossWikiNotificationItemWidget-group,
   color: #f92672;
body.wgl-darkmode .mw-echo-ui-bundleNotificationItemWidget-group {
   background-color: #2a3751;
}
}


body.wgl-darkmode .mw-highlight pre .p {
body.wgl-darkmode .mw-echo-ui-notificationItemWidget-unread {
   color: #f8f8f2;
   background-color: #3e4c66;
}
}


body.wgl-darkmode .mw-highlight pre .ch {
body.wgl-darkmode .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
   color: #949eaa;
   background: #172136;
  box-shadow: none;
}
}


body.wgl-darkmode .mw-highlight pre .cm {
body.wgl-darkmode .mw-echo-ui-notificationItemWidget:last-child {
   color: #949eaa;
  border-color: #2f4060;
}
}
 
body.wgl-darkmode .mw-echo-ui-crossWikiUnreadFilterWidget {
  border-color: #2f4060;
}
 
body.wgl-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
  background-color: #3366cc;
}
 
body.wgl-darkmode .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  color: #cbd9f4;
}
 
body.wgl-darkmode .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  background-color: #222e45;
}
 
body.wgl-darkmode .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #222e45;
}
 
body.wgl-darkmode .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {
  color: rgba(203, 217, 244, 0.85);
}
 
body.wgl-darkmode .mw-echo-ui-specialHelpMenuWidget-menu .oo-ui-buttonWidget:hover {
  background-color: #384766;
}
 
body.wgl-darkmode .mw-highlight pre {
  background-color: #222e45;
}
 
body.wgl-darkmode .mw-highlight pre .hll {
  background-color: #49483e;
}
 
body.wgl-darkmode .mw-highlight pre .c {
  color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .err {
  color: #960050;
}
 
body.wgl-darkmode .mw-highlight pre .k {
  color: #66d9ef;
}
 
body.wgl-darkmode .mw-highlight pre .l {
  color: #ae81ff;
}
 
body.wgl-darkmode .mw-highlight pre .n {
  color: #f8f8f2;
}
 
body.wgl-darkmode .mw-highlight pre .o {
  color: #f92672;
}
 
body.wgl-darkmode .mw-highlight pre .p {
  color: #f8f8f2;
}
 
body.wgl-darkmode .mw-highlight pre .ch {
  color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .cm {
   color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .cp {
  color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .cpf {
  color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .c1 {
  color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .cs {
  color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .gd {
  color: #f92672;
}
 
body.wgl-darkmode .mw-highlight pre .ge {
  font-style: italic;
}
 
body.wgl-darkmode .mw-highlight pre .gi {
  color: #a6e22e;
}
 
body.wgl-darkmode .mw-highlight pre .gs {
  font-weight: bold;
}
 
body.wgl-darkmode .mw-highlight pre .gu {
  color: #949eaa;
}
 
body.wgl-darkmode .mw-highlight pre .kc {
  color: #66d9ef;
}
 
body.wgl-darkmode .mw-highlight pre .kd {
  color: #66d9ef;
}
 
body.wgl-darkmode .mw-highlight pre .kn {
  color: #f92672;
}
 
body.wgl-darkmode .mw-highlight pre .kp {
  color: #66d9ef;
}
 
body.wgl-darkmode .mw-highlight pre .kr {
  color: #66d9ef;
}


body.wgl-darkmode .mw-highlight pre .cp {
body.wgl-darkmode .mw-highlight pre .kt {
   color: #949eaa;
   color: #66d9ef;
}
}


body.wgl-darkmode .mw-highlight pre .cpf {
body.wgl-darkmode .mw-highlight pre .ld {
   color: #949eaa;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .c1 {
body.wgl-darkmode .mw-highlight pre .m {
   color: #949eaa;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .cs {
body.wgl-darkmode .mw-highlight pre .s {
   color: #949eaa;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .gd {
body.wgl-darkmode .mw-highlight pre .na {
   color: #f92672;
   color: #a6e22e;
}
}


body.wgl-darkmode .mw-highlight pre .ge {
body.wgl-darkmode .mw-highlight pre .nb {
   font-style: italic;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .gi {
body.wgl-darkmode .mw-highlight pre .nc {
   color: #a6e22e;
   color: #a6e22e;
}
}


body.wgl-darkmode .mw-highlight pre .gs {
body.wgl-darkmode .mw-highlight pre .no {
   font-weight: bold;
   color: #66d9ef;
}
}


body.wgl-darkmode .mw-highlight pre .gu {
body.wgl-darkmode .mw-highlight pre .nd {
   color: #949eaa;
   color: #a6e22e;
}
}


body.wgl-darkmode .mw-highlight pre .kc {
body.wgl-darkmode .mw-highlight pre .ni {
   color: #66d9ef;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .kd {
body.wgl-darkmode .mw-highlight pre .ne {
   color: #66d9ef;
   color: #a6e22e;
}
}


body.wgl-darkmode .mw-highlight pre .kn {
body.wgl-darkmode .mw-highlight pre .nf {
   color: #f92672;
   color: #a6e22e;
}
}


body.wgl-darkmode .mw-highlight pre .kp {
body.wgl-darkmode .mw-highlight pre .nl {
   color: #66d9ef;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .kr {
body.wgl-darkmode .mw-highlight pre .nn {
   color: #66d9ef;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .kt {
body.wgl-darkmode .mw-highlight pre .nx {
   color: #66d9ef;
   color: #a6e22e;
}
}


body.wgl-darkmode .mw-highlight pre .ld {
body.wgl-darkmode .mw-highlight pre .py {
   color: #e6db74;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .m {
body.wgl-darkmode .mw-highlight pre .nt {
   color: #ae81ff;
   color: #f92672;
}
}


body.wgl-darkmode .mw-highlight pre .s {
body.wgl-darkmode .mw-highlight pre .nv {
   color: #e6db74;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .na {
body.wgl-darkmode .mw-highlight pre .ow {
   color: #a6e22e;
   color: #f92672;
}
}


body.wgl-darkmode .mw-highlight pre .nb {
body.wgl-darkmode .mw-highlight pre .w {
   color: #f8f8f2;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .nc {
body.wgl-darkmode .mw-highlight pre .mb {
   color: #a6e22e;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .no {
body.wgl-darkmode .mw-highlight pre .mf {
   color: #66d9ef;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .nd {
body.wgl-darkmode .mw-highlight pre .mh {
   color: #a6e22e;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .ni {
body.wgl-darkmode .mw-highlight pre .mi {
   color: #f8f8f2;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .ne {
body.wgl-darkmode .mw-highlight pre .mo {
   color: #a6e22e;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .nf {
body.wgl-darkmode .mw-highlight pre .sa {
   color: #a6e22e;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .nl {
body.wgl-darkmode .mw-highlight pre .sb {
   color: #f8f8f2;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .nn {
body.wgl-darkmode .mw-highlight pre .sc {
   color: #f8f8f2;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .nx {
body.wgl-darkmode .mw-highlight pre .dl {
   color: #a6e22e;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .py {
body.wgl-darkmode .mw-highlight pre .sd {
   color: #f8f8f2;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .nt {
body.wgl-darkmode .mw-highlight pre .s2 {
   color: #f92672;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .nv {
body.wgl-darkmode .mw-highlight pre .se {
   color: #f8f8f2;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .ow {
body.wgl-darkmode .mw-highlight pre .sh {
   color: #f92672;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .w {
body.wgl-darkmode .mw-highlight pre .si {
   color: #f8f8f2;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .mb {
body.wgl-darkmode .mw-highlight pre .sx {
   color: #ae81ff;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .mf {
body.wgl-darkmode .mw-highlight pre .sr {
   color: #ae81ff;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .mh {
body.wgl-darkmode .mw-highlight pre .s1 {
   color: #ae81ff;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .mi {
body.wgl-darkmode .mw-highlight pre .ss {
   color: #ae81ff;
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .mo {
body.wgl-darkmode .mw-highlight pre .bp {
   color: #ae81ff;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .sa {
body.wgl-darkmode .mw-highlight pre .fm {
   color: #e6db74;
   color: #a6e22e;
}
}


body.wgl-darkmode .mw-highlight pre .sb {
body.wgl-darkmode .mw-highlight pre .vc {
   color: #e6db74;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .sc {
body.wgl-darkmode .mw-highlight pre .vg {
   color: #e6db74;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .dl {
body.wgl-darkmode .mw-highlight pre .vi {
   color: #e6db74;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .sd {
body.wgl-darkmode .mw-highlight pre .vm {
   color: #e6db74;
   color: #f8f8f2;
}
}


body.wgl-darkmode .mw-highlight pre .s2 {
body.wgl-darkmode .mw-highlight pre .il {
   color: #e6db74;
   color: #ae81ff;
}
}


body.wgl-darkmode .mw-highlight pre .se {
body.wgl-darkmode .mw-highlight .linenos {
   color: #ae81ff;
   background-color: #313e59;
  color: #cbd9f4;
}
}


body.wgl-darkmode .mw-highlight pre .sh {
body.wgl-darkmode #pt-notifications-notice {
   color: #e6db74;
   filter: none;
}
}
 
body.wgl-darkmode #pt-notifications-notice a {
body.wgl-darkmode .mw-highlight pre .si {
   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");
   color: #e6db74;
}
}


body.wgl-darkmode .mw-highlight pre .sx {
body.wgl-darkmode .oo-ui-widget {
   color: #e6db74;
   color: #cbd9f4;
}
}


body.wgl-darkmode .mw-highlight pre .sr {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
   color: #e6db74;
   color: #cbd9f4;
  background-color: #313e59;
  border-color: #3f5073;
}
}


body.wgl-darkmode .mw-highlight pre .s1 {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
   color: #e6db74;
   color: #cbd9f4;
  background-color: #384766;
  border-color: #475980;
}
}


body.wgl-darkmode .mw-highlight pre .ss {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
   color: #e6db74;
   background-color: #447ff5;
  border-color: #447ff5;
}
}


body.wgl-darkmode .mw-highlight pre .bp {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
   color: #f8f8f2;
   background-color: #8992a4;
  border-color: #8992a4;
}
}


body.wgl-darkmode .mw-highlight pre .fm {
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
   color: #a6e22e;
   background-color: #2a4b8d;
  border-color: #2a4b8d;
}
}


body.wgl-darkmode .mw-highlight pre .vc {
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
   color: #f8f8f2;
   background-color: #8992a4;
  border-color: #8992a4;
}
}


body.wgl-darkmode .mw-highlight pre .vg {
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
   color: #f8f8f2;
   background-color: #384766;
}
}


body.wgl-darkmode .mw-highlight pre .vi {
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
   color: #f8f8f2;
   border-color: #475980;
}
}


body.wgl-darkmode .mw-highlight pre .vm {
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
   color: #f8f8f2;
   border-color: #556c9b;
}
}


body.wgl-darkmode .mw-highlight pre .il {
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
   color: #ae81ff;
   background-color: #222e45;
  border-color: #2f4060;
}
}


body.wgl-darkmode .mw-highlight .linenos {
body.wgl-darkmode .oo-ui-menuSelectWidget {
   background-color: #313e59;
   background-color: #313e59;
   color: #cbd9f4;
   border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-widget {
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
   color: #cbd9f4;
   background-color: #313e59;
  border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  color: #cbd9f4;
   background-color: #182137;
   background-color: #313e59;
  border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover {
body.wgl-darkmode .oo-ui-textInputWidget input,
body.wgl-darkmode .oo-ui-textInputWidget textarea {
   color: #cbd9f4;
   color: #cbd9f4;
   background-color: #384766;
   background-color: #384766;
Line 2,487: Line 2,629:
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
   background-color: #447ff5;
   color: rgba(203, 217, 244, 0.6);
  border-color: #447ff5;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] {
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
  background-color: #8992a4;
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
   border-color: #8992a4;
   border-color: #556c9b;
}
}


body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
body.wgl-darkmode .oo-ui-pendingElement-pending {
   background-color: #2a4b8d;
   background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
  border-color: #2a4b8d;
}
}


body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
  background-color: #8992a4;
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: #8992a4;
   border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
   background-color: #384766;
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
   background-color: #182137;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle {
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
   border-color: #475980;
  color: #cbd9f4;
  background-color: #313e59;
   border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
   border-color: #556c9b;
  color: #cbd9f4;
  background-color: #313e59;
   border-color: #475980;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
   background-color: #222e45;
   background-color: #384766;
  border-color: #2f4060;
}
}


body.wgl-darkmode .oo-ui-menuSelectWidget {
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
   background-color: #313e59;
   background-color: #2a354c;
  border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
   background-color: #313e59;
   background-color: #384766;
  border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span,
  background-color: #182137;
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
}
 
body.wgl-darkmode .oo-ui-textInputWidget input,
body.wgl-darkmode .oo-ui-textInputWidget textarea {
  color: #cbd9f4;
   background-color: #384766;
   background-color: #384766;
   border-color: #475980;
   border-color: #475980;
}
}


body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder {
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span,
   color: rgba(203, 217, 244, 0.6);
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
  background-color: #8992a4;
   border-color: #8992a4;
}
}


body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
  background-color: #8daeee;
   border-color: #556c9b;
   border-color: #728bba;
}
}


body.wgl-darkmode .oo-ui-pendingElement-pending {
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
   background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px);
   color: #ccd9f4;
}
}


body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
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 {
  color: #ccd9f4;
   border-color: #3f5073;
   border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
body.wgl-darkmode .oo-ui-window-content {
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
   background-color: #222e45;
   background-color: #182137;
}
 
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
   color: #cbd9f4;
   color: #cbd9f4;
  background-color: #313e59;
  border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body,
   color: #cbd9f4;
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
  background-color: #313e59;
   outline-color: #2f4060;
  border-color: #475980;
}
}


body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget,
   background-color: #384766;
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: #cbd9f4;
}
}


body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
   background-color: #2a354c;
   background-color: #313946;
  border-color: #363f50;
}
}


body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input,
   background-color: #384766;
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-checkboxInputWidget [type=checkbox] + span,
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span {
   background-color: #444e5a;
   background-color: #384766;
  border-color: #475980;
}
}


body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span,
body.wgl-darkmode .mw-scribunto-console-fieldset {
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span {
  color: #cbd9f4;
   background-color: #8992a4;
   background-color: #222e45;
   border-color: #8992a4;
   border-color: #2f4060;
}
}


body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span {
body.wgl-darkmode #mw-scribunto-input {
   background-color: #8daeee;
   background-color: #384766;
   border-color: #728bba;
   border: 1px solid #475980;
}
}


body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
body.wgl-darkmode .mw-scribunto-normalOutput,
   color: #ccd9f4;
body.wgl-darkmode .mw-scribunto-print,
body.wgl-darkmode .mw-scribunto-error,
body.wgl-darkmode .mw-scribunto-propList,
body.wgl-darkmode .mw-scribunto-message,
body.wgl-darkmode .mw-scribunto-tabcomplete {
   background: none;
}
}


body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
body.wgl-darkmode .mw-scribunto-input {
   color: #ccd9f4;
   color: #3ea6e6;
  border-color: #3f5073;
}
}


body.wgl-darkmode .oo-ui-window-content {
body.wgl-darkmode .mw-scribunto-normalOutput {
  background-color: #222e45;
   color: #cbd9f4;
   color: #cbd9f4;
}
}


body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body,
body.wgl-darkmode .mw-scribunto-print {
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head {
   color: #f9d000;
  outline-color: #2f4060;
}
 
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 .mw-scribunto-error {
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
   color: #ee4231;
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel {
   color: #cbd9f4;
}
}


body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
body.wgl-darkmode .mw-scribunto-propList,
   background-color: #313946;
body.wgl-darkmode .mw-scribunto-message {
  border-color: #363f50;
   color: #6bc71f;
}
}


body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input,
body.wgl-darkmode .mw-scribunto-tabcomplete {
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
   color: #855cd8;
   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) {
body.wgl-darkmode .mw-scribunto-clear {
   background-color: #444e5a;
  color: #ee4231;
   border-bottom-color: #ee4231;
}
}



Navigation menu