MediaWiki:Common.css: Difference between revisions
From Melvor Idle
(Dark mode: Improve appearance of <pre> tag) |
(Dark mode: Adjustments for category pages & various special pages) |
||
Line 78: | Line 78: | ||
body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, | body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, | ||
body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, | body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, | ||
body.darkMode .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label, | |||
body.darkMode .mw-rcfilters-ui-tagItemWidget-popup-content, | body.darkMode .mw-rcfilters-ui-tagItemWidget-popup-content, | ||
body.darkMode .mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label, | body.darkMode .mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label, | ||
body.darkMode .mw-widget-calendarWidget-day, | |||
body.darkMode .mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button, | |||
body.darkMode .oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, | body.darkMode .oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, | ||
body.darkMode .oo-ui- | body.darkMode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | ||
body.darkMode .search-types .current a, | |||
body.darkMode .suggestions .suggestions-result, | body.darkMode .suggestions .suggestions-result, | ||
body.darkMode .suggestions a.mw-searchSuggest-link, | body.darkMode .suggestions a.mw-searchSuggest-link, | ||
Line 130: | Line 134: | ||
body.darkMode #mw-header-container, | body.darkMode #mw-header-container, | ||
body.darkMode .oo-ui-textInputWidget .oo-ui-inputWidget-input, | body.darkMode .oo-ui-textInputWidget .oo-ui-inputWidget-input, | ||
body.darkMode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
body.darkMode .oo-ui-checkboxInputWidget [type='checkbox'] + span, | |||
body.darkMode .oo-ui-toggleSwitchWidget, | |||
body.darkMode .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip, | |||
body.darkMode .mw-code, | body.darkMode .mw-code, | ||
body.darkMode .mw-widget-dateInputWidget-handle, | |||
body.darkMode mw-tagfilter-input mw-ui-input mw-ui-input-inline { | body.darkMode mw-tagfilter-input mw-ui-input mw-ui-input-inline { | ||
background-color:#323942; | background-color:#323942; | ||
Line 138: | Line 147: | ||
body.darkMode .oo-ui-popupWidget-popup, | body.darkMode .oo-ui-popupWidget-popup, | ||
body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget, | body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget, | ||
body.darkMode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { | body.darkMode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, | ||
body.darkMode .mw-widget-dateInputWidget-calendar { | |||
background-color:#323942; | background-color:#323942; | ||
border-color:#465160; | border-color:#465160; | ||
Line 158: | Line 168: | ||
body.darkMode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle, | body.darkMode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle, | ||
body.darkMode .mw-rcfilters-ui-filterMenuHeaderWidget-header, | body.darkMode .mw-rcfilters-ui-filterMenuHeaderWidget-header, | ||
body.darkMode .mw-rcfilters-ui-menuSelectWidget-footer{ | body.darkMode .mw-rcfilters-ui-menuSelectWidget-footer { | ||
background-color:#282e37; | background-color:#282e37; | ||
} | |||
body.darkMode .mw-widget-calendarWidget-day-heading { | |||
color:#a6a6a6; | |||
} | |||
body.darkMode .mw-widget-calendarWidget-day-additional { | |||
color:#222 | |||
} | |||
body.darkMode .oo-ui-toggleSwitchWidget:hover { | |||
background-color:#323942 | |||
} | |||
body.darkMode .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { | |||
border-color:#72777d | |||
} | } | ||
body.darkMode .pokey, | body.darkMode .pokey, | ||
Line 179: | Line 201: | ||
} | } | ||
body.darkMode #mw-content-container, | body.darkMode #mw-content-container, | ||
body.darkMode #simpleSearch { | body.darkMode #simpleSearch, | ||
body.darkMode .cn-formsection-emphasis { | |||
background-color:#232a35 | background-color:#232a35 | ||
} | } | ||
Line 202: | Line 225: | ||
background-color:#2c343f; | background-color:#2c343f; | ||
border-color:#2c343f | border-color:#2c343f | ||
} | |||
body.darkMode .not-patrolled { | |||
background-color:#594215 | |||
} | } | ||
body.darkMode .tocnumber { | body.darkMode .tocnumber { | ||
Line 213: | Line 239: | ||
body.darkMode .mw-body .mw-search-profile-tabs, | body.darkMode .mw-body .mw-search-profile-tabs, | ||
body.darkMode .mw-body fieldset#mw-searchoptions, | body.darkMode .mw-body fieldset#mw-searchoptions, | ||
body.darkMode .mw-body li.gallerybox div.thumb, | |||
body.darkMode .mw-changeslist-legend, | body.darkMode .mw-changeslist-legend, | ||
body.darkMode .mw-warning, | body.darkMode .mw-warning, | ||
Line 238: | Line 265: | ||
body.darkMode .wikitable>tr>th { | body.darkMode .wikitable>tr>th { | ||
background-color:#465160 | background-color:#465160 | ||
} | |||
body.darkMode .mw-datatable { | |||
border:1px solid #465160; | |||
border-collapse:collapse | |||
} | |||
body.darkMode .mw-datatable td, | |||
body.darkMode .mw-datatable th { | |||
border:1px solid #465160; | |||
padding:0.2em 0.4em | |||
} | |||
body.darkMode .mw-datatable th { | |||
background-color:#465160 | |||
} | |||
body.darkMode .mw-datatable td { | |||
background-color:#323942 | |||
} | |||
body.darkMode .mw-datatable tr:hover td, | |||
body.darkMode #mw-allmessagestable tbody:hover td { | |||
background-color:#3c424a | |||
} | } | ||
body.darkMode .mwe-popups { | body.darkMode .mwe-popups { |