1,131
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1,987: | Line 1,987: | ||
border: 1px solid #475980; | border: 1px solid #475980; | ||
border-left: none; | border-left: none; | ||
} | |||
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 .kt { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ld { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .m { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .s { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .na { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nb { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nc { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .no { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nd { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ni { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ne { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nf { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nl { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nn { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nx { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .py { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nt { | |||
color: #f92672; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nv { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ow { | |||
color: #f92672; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .w { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mb { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mf { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mh { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mi { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mo { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sa { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sb { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sc { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .dl { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sd { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .s2 { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .se { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sh { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .si { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sx { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sr { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .s1 { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ss { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .bp { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .fm { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vc { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vg { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vi { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vm { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .il { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight .linenos { | |||
background-color: #313e59; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-widget { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | |||
color: #cbd9f4; | |||
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 { | |||
color: #cbd9f4; | |||
background-color: #384766; | |||
border-color: #475980; | |||
} | |||
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: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
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: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { | |||
background-color: #384766; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle { | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { | |||
border-color: #556c9b; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { | |||
background-color: #222e45; | |||
border-color: #2f4060; | |||
} | |||
body.wgl-darkmode .oo-ui-menuSelectWidget { | |||
background-color: #313e59; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { | |||
background-color: #313e59; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { | |||
background-color: #182137; | |||
} | |||
body.wgl-darkmode .oo-ui-textInputWidget input, | |||
body.wgl-darkmode .oo-ui-textInputWidget textarea { | |||
color: #cbd9f4; | |||
background-color: #384766; | |||
border-color: #475980; | |||
} | |||
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: #556c9b; | |||
} | |||
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, | |||
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: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, | |||
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { | |||
background-color: #182137; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | |||
color: #cbd9f4; | |||
background-color: #313e59; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | |||
color: #cbd9f4; | |||
background-color: #313e59; | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { | |||
background-color: #384766; | |||
} | |||
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: #384766; | |||
} | |||
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, | |||
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span { | |||
background-color: #384766; | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span, | |||
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span { | |||
background-color: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
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: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-window-content { | |||
background-color: #222e45; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head { | |||
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 .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-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; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-bar { | |||
background-color: #222e45; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-iconElement-icon.oo-ui-icon-cancel, | |||
.ve-activated body.wgl-darkmode .ve-ui-mwInternalLinkContextItem-withImage .oo-ui-iconElement-icon { | |||
filter: invert(0%); | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-tool-active { | |||
background: #313e59; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup-handle:hover, | |||
.ve-activated body.wgl-darkmode .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover, | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { | |||
background: #384766; | |||
border-color: #384766; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { | |||
background: #313e59; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-tool-active, | |||
.ve-activated body.wgl-darkmode .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { | |||
background: #384766; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { | |||
background: #222e45; | |||
border-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-tool-title { | |||
color: #cbd9f4; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { | |||
color: rgba(203, 217, 244, 0.5); | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { | |||
border-bottom-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-menuToolGroup { | |||
border-right-color: #2f4060; | |||
border-left-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-actions .oo-ui-toolGroup { | |||
border-left-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child) { | |||
border-right-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { | |||
background-color: #384766; | |||
} | |||
.ve-activated body.wgl-darkmode .ve-ui-toolbar .oo-ui-toolbar-popups .oo-ui-toolGroup-tools { | |||
background-color: #313e59; | |||
border: none; | |||
} | |||
.ve-activated body.wgl-darkmode .ve-ui-toolbar .oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-widget-disabled { | |||
opacity: 0.34; | |||
} | |||
.ve-activated body.wgl-darkmode .ve-ui-toolbar .oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-tool-active .oo-ui-tool-link { | |||
background-color: #313e59; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, | |||
.ve-activated body.wgl-darkmode .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { | |||
border-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, | |||
.ve-activated body.wgl-darkmode .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { | |||
background-color: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-widget-disabled .oo-ui-tool > .oo-ui-tool-link span.oo-ui-tool-title { | |||
color: rgba(203, 217, 244, 0.5); | |||
} | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Image/Thumb"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Video/Thumb"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Audio/Thumb"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Image/Frame"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Video/Frame"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Audio/Frame"] { | |||
background: none; | |||
border: none; | |||
} | } | ||
| Line 2,333: | Line 2,911: | ||
border-right: solid 1px #334567; | border-right: solid 1px #334567; | ||
margin-left: -1px; | margin-left: -1px; | ||
} | } | ||