1,131
edits
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; | |||
} | } | ||