MediaWiki:Common.css: Difference between revisions
From Modded Celeste
Aurora Aquir (talk | contribs) (Darkmode) |
Aurora Aquir (talk | contribs) m (Source) |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Dark mode specific rules below this point */ | /* Dark mode specific rules below this point (taken from wiki.melvoridle.com)*/ | ||
body.darkMode #mw-page-header-links li.selected a, | body.darkMode #mw-page-header-links li.selected a, | ||
body.darkMode #p-logo-text a, | body.darkMode #p-logo-text a, |
Revision as of 21:47, 16 October 2022
/* CSS placed here will be applied to all skins */ /* Dark mode specific rules below this point (taken from wiki.melvoridle.com)*/ body.darkMode #mw-page-header-links li.selected a, body.darkMode #p-logo-text a, body.darkMode #searchInput, body.darkMode .diff-context, body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, body.darkMode .mw-body .mw-search-profile-tabs, body.darkMode .mw-body fieldset#mw-searchoptions, body.darkMode .mw-changeslist-legend, body.darkMode .mwe-popups .mwe-popups-extract, body.darkMode .mw-rcfilters-ui-itemMenuOptionWidget-label-title, body.darkMode .mw-rcfilters-ui-filterMenuHeaderWidget-title, body.darkMode .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title, 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-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label, body.darkMode .mw-rcfilters-ui-tagItemWidget-popup-content, 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-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, body.darkMode .oo-ui-messageDialog-message, body.darkMode .search-types .current a, body.darkMode .suggestions .suggestions-result, body.darkMode .suggestions a.mw-searchSuggest-link, body.darkMode .suggestions a.mw-searchSuggest-link:active, body.darkMode .suggestions a.mw-searchSuggest-link:focus, body.darkMode .suggestions a.mw-searchSuggest-link:hover, body.darkMode .suggestions-special .special-query, body.darkMode .wikitable, body.darkMode code, body.darkMode { color:#eee; } body.darkMode .warningbox { color:#f2d790; border-color:#9b5e1c; background-color:#6f4f2e; } body.darkMode #pagehistory li { border:1px solid #2c343f } body.darkMode .diff-addedline .diffchange { background:#4f6334 } body.darkMode .diff-deletedline .diffchange { background:#775353 } body.darkMode .diff-addedline { border-color:#4f6334 } body.darkMode .diff-deletedline { border-color:#775353 } body.darkMode .updatedmarker { background-color:#4f6334 } body.darkMode #pagehistory li.selected { background-color:#353d48; color:#eee; border:1px dashed #465160 } body.darkMode .mw-plusminus-pos { color:#18b918 } body.darkMode .mw-plusminus-neg { color:#f94e4e } body.darkMode .editOptions, body.darkMode .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color:#232a35 } body.darkMode pre, body.darkMode textarea, body.darkMode #mw-header-container, 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-messageDialog-container, 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-widget-dateInputWidget-handle, body.darkMode mw-tagfilter-input mw-ui-input mw-ui-input-inline { background-color:#323942; color:#eee } body.darkMode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button, body.darkMode .oo-ui-popupWidget-popup, 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 .mw-widget-dateInputWidget-calendar { background-color:#323942; border-color:#465160; color:#eee } body.darkMode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover, body.darkMode .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover, body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, body.darkMode .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color:#3c424a } body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted, body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted { background-color:#223145 } body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle, body.darkMode .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color:#a4a1a1; } 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-menuSelectWidget-footer { 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 .oo-ui-popupWidget-anchor:before { border-top-color:#465160 } body.darkMode .oo-ui-popupWidget-anchor:after { border-top-color:#323942 } body.darkMode #simpleSearch, body.darkMode .editOptions { border-color:#465160; } body.darkMode #mw-content-container, body.darkMode #simpleSearch, body.darkMode .cn-formsection-emphasis { background-color:#232a35; } body.darkMode .mw-parser-output a.external, a { color:#29d } body.darkMode .mw-parser-output a.external:visited, a:visited { color:#18c } body.darkMode .mw-parser-output a.external:active, body.darkMode .mw-parser-output a.external:hover, body.darkMode a:active, body.darkMode a:hover { color:#5bf } body.darkMode .mw-spinner-container > div:after { background:#eee } body.darkMode #mw-content { background-color:#2c343f; border-color:#2c343f } body.darkMode .not-patrolled { background-color:#594215 } body.darkMode .tocnumber { color:#ccc } body.darkMode .toctogglelabel { color:#28c } body.darkMode .diff-context, body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, body.darkMode .mw-body .mw-search-profile-tabs, body.darkMode .mw-body fieldset#mw-searchoptions, body.darkMode .mw-body li.gallerybox div.thumb, body.darkMode .mw-changeslist-legend, body.darkMode .mw-warning, body.darkMode .suggestions, body.darkMode .suggestions .suggestions-results, body.darkMode .suggestions .suggestions-special, body.darkMode .thumbinner, body.darkMode .toc, body.darkMode .wikitable, body.darkMode ul#filetoc { background-color:#323942; border-color:#465160 } body.darkMode pre, body.darkMode .mw-code, body.darkMode .thumbborder, body.darkMode .thumbinner .thumbimage, body.darkMode .wikitable>*>tr>td, body.darkMode .wikitable>*>tr>th, body.darkMode .wikitable>tr>td, body.darkMode .wikitable>tr>th { border-color:#465160 } body.darkMode .wikitable>*>tr>th, body.darkMode .wikitable>tr>th { 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 { background:#323942; -webkit-box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a; box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a; } body.darkMode .mwe-popups .mwe-popups-extract[dir=ltr]::after { background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%) } body.darkMode .pokey, body.darkMode .pokey:after, body.darkMode .mwe-popups:not(.flipped-y):not(.flipped-x-y):after, body.darkMode .mwe-popups.flipped-x:after { border-bottom-color:#323942 } body.darkMode .mwe-popups.flipped-y:after, body.darkMode .mwe-popups.flipped-x-y:after { border-top-color:#323942 } body.darkMode .mwe-popups:not(.flipped-y):not(.flipped-x-y):before, body.darkMode .mwe-popups.flipped-x:before { border-bottom-color:#465160 } body.darkMode .mwe-popups.flipped-y:before, body.darkMode .mwe-popups.flipped-x-y:before { border-top-color:#465160 } body.darkMode .pokey { border-bottom-color:#465160 } body.darkMode td[style*="background-color:lightpink;"], body.darkMode td[style*="background-color:#FFE8E8;"], body.darkMode tr[style*="background-color:lightpink;"], body.darkMode tr[style*="background-color:#FFE8E8;"] { background-color:#6a2731!important } body.darkMode td[style*="background-color:lightgreen;"], body.darkMode td[style*="background-color:#E8FFEB;"], body.darkMode tr[style*="background-color:lightgreen;"], body.darkMode tr[style*="background-color:#E8FFEB;"] { background-color:#285128!important } body.darkMode span[style*="color:green"] { color:#3ec83e!important } body.darkMode table[style*="background:#FFF7F7;"] { background-color:#465160!important } body.darkMode #mw-header-nav-hack { background:#323942; border-top-color:#465160 } @media only screen and (min-width:1100px) { body.darkMode #mw-related-navigation .sidebar-chunk, body.darkMode #mw-site-navigation .sidebar-chunk { background-color:#323942; border-color:#323942; box-shadow:0 1px 2px rgb(33 34 35/50%),0 1px 2px rgb(26 26 27/50%) } } body.darkMode #mw-related-navigation .sidebar-inner, body.darkMode #mw-site-navigation .sidebar-inner, body.darkMode #personal .dropdown { background:#323942; border-color:#465160 } body.darkMode #menus-cover { background:#111 } body.darkMode table.lighttable .highlight-over { background-color:#465160 } body.darkMode table.lighttable .highlight-on { background-color:#285128 } body.darkMode code, body.darkMode .mw-notification { background-color: #353d48; border-color:#465160; color:#eee; } /* Special:RecentChanges - Highlight rules */ body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color:#2c475a } body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color:#385a53 } body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color:#544b2f } body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color:#674b3d } body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color:#4b2626 } /* General Editing & Scribunto/Lua Module Editing */ body.darkMode .mw-scribunto-console-fieldset, body.darkMode .mw-scribunto-error, body.darkMode .mw-scribunto-message, body.darkMode .mw-scribunto-print { background-color:#2c343f; } body.darkMode .mw-scribunto-console-fieldset { border-color:#465160; color:#eee } body.darkMode .mw-scribunto-error { color:#ff4242; } body.darkMode .mw-scribunto-input { color:#0897c4; } body.darkMode #mw-scribunto-input { background-color:#3c4653; } body.darkMode .mw-scribunto-print { color:#ce9178; } body.darkMode .codeEditor-status { background-color: #2f3744; border-color: #465160; } body.darkMode .codeEditor-status-message, body.darkMode .wikiEditor-ui .wikiEditor-ui-top, body.darkMode .wikiEditor-ui .wikiEditor-ui-view { border-color: #465160; } body.darkMode .wikiEditor-ui-toolbar { background-color: #2f3744; background-image: linear-gradient(#2c333e 0,#1f2e48 32px); } body.darkMode .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover { background-color:#3c424a; outline: 1px solid #465160; } body.darkMode .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { background-color:#3c424a; outline: 1px solid #465160; box-shadow: unset; } /* Ace Editor */ body.darkMode .ace-tm .ace_gutter { background-color: #3c4653; color: #eee; } body.darkMode .ace-tm .ace_print-margin { background: #4c5664; } body.darkMode .ace-tm .ace_fold { background-color: green; } body.darkMode .ace-tm { background-color: #232a35; color: #eee; } body.darkMode .ace-tm .ace_cursor { color: #eee; } body.darkMode .ace-tm .ace_invisible { color: #3e4551; } body.darkMode .ace-tm .ace_storage, body.darkMode .ace-tm .ace_keyword { color: #569cd6; } body.darkMode .ace-tm .ace_constant { color: #686be6; } body.darkMode .ace-tm .ace_constant.ace_buildin { color: rgb(88, 72, 246); } body.darkMode .ace-tm .ace_constant.ace_language { color: #686be6; } body.darkMode .ace-tm .ace_constant.ace_library { color: #dbbb5b; } body.darkMode .ace-tm .ace_invalid { background-color: rgba(255, 0, 0, 0.2); color: red; } body.darkMode .ace-tm .ace_support.ace_function { color: #dcdcaa; } body.darkMode .ace-tm .ace_support.ace_constant { color: #569cd6; } body.darkMode .ace-tm .ace_support.ace_type, body.darkMode .ace-tm .ace_support.ace_class { color: #569cd6; } body.darkMode .ace-tm .ace_keyword.ace_operator { color: #aaa8a8; } body.darkMode .ace-tm .ace_string { color: #ce9178; } body.darkMode .ace-tm .ace_comment { color: #529955; } body.darkMode .ace-tm .ace_comment.ace_doc { color: #529955; } body.darkMode .ace-tm .ace_comment.ace_doc.ace_tag { color: rgb(128, 159, 191); } body.darkMode .ace-tm .ace_constant.ace_numeric { color: #b5ce9b; } body.darkMode .ace-tm .ace_variable { color: #9cdcfe; } body.darkMode .ace-tm .ace_xml-pe { color: rgb(104, 104, 91); } body.darkMode .ace-tm .ace_entity.ace_name.ace_function { color: #dcdcaa; } body.darkMode .ace-tm .ace_heading { color: #1c55f1; } body.darkMode .ace-tm .ace_list { color: rgb(185, 6, 144); } body.darkMode .ace-tm .ace_meta.ace_tag { color: #1c55f1; } body.darkMode .ace-tm .ace_string.ace_regex { color: #ef4e4e; } body.darkMode .ace-tm .ace_marker-layer .ace_selection { background: #3e445a; } body.darkMode .ace-tm.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px grey; } body.darkMode .ace-tm .ace_marker-layer .ace_step { background: rgb(252, 255, 0); } body.darkMode .ace-tm .ace_marker-layer .ace_stack { background: rgb(164, 229, 101); } body.darkMode .ace-tm .ace_marker-layer .ace_bracket { border: 1px solid rgb(192, 192, 192); } body.darkMode .ace-tm .ace_marker-layer .ace_active-line { background: rgba(255, 255, 255, 0.07); } body.darkMode .ace-tm .ace_gutter-active-line { background-color: #4b6389; } body.darkMode .ace-tm .ace_marker-layer .ace_selected-word { background: #383f4b; border: 1px solid #313f73; } body.darkMode .ace-tm .ace_paren { color: #ffc813; } body.darkMode .ace-tm .ace_indent-guide { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVR4AWMAA5+wlP8ABAMCBlWbPt4AAAAASUVORK5CYII=") right repeat-y; } body.darkMode .ace_fold-widget { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC"); } body.darkMode .ace_fold-widget.ace_closed { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg=="); } body.darkMode .ace_gutter-cell.ace_info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC"); } body.darkMode .ace_search { background-color:#323942; border-color: #465160; color:#eee; } body.darkMode .ace_search_field, body.darkMode .ace_searchbtn { background-color:#323942; color:#eee; } body.darkMode .ace_button { background-color:#3c424a; color:#eee; }