User:Pineapplepine/common.css

/*	CC BY-SA 4.0 Originally due to Wikipedia user Tollens. https://en.wikipedia.org/w/index.php?title=User:Tollens/darkTheme.css	*/
 * root {

--default-text-color: 255, 255, 255; --default-main-color: 24, 24, 24; --default-accent-color: 38, 38, 38; --default-header-background-color: 74, 74, 74; --default-redlink-color: 255, 51, 51; --default-important-button-color: 51, 102, 204; --default-unvisited-link-color: 107, 162, 250; --default-visited-link-color: 115, 102, 255; --default-negative-color: 255, 37, 37; --default-positive-color: 41, 202, 44; --default-diff-added-color: 128, 193, 255; --default-diff-deleted-color: 251, 200, 80; --default-accented-border-color: 170, 170, 170; }


 * not(.legend-color, .legend-content, body, .diffchange, [role="img"] *, .vjs-control, .vjs-control *, .mw-tmh-player *) {

box-shadow: none !important; background-color: transparent !important; }

color: rgb(var(--text-color, var(--default-text-color))) !important; }

body.mediawiki { background-image: none !important; background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

h1, h2, h3, h4, h5, h6 { color: rgb(var(--text-color, var(--default-text-color))) !important; }

td, tr { background: transparent !important; }

th { background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; color: rgb(var(--text-color, var(--default-text-color))) !important; }

ul { list-style-image: url('data:image/svg+xml;utf8, '); }

.vector-menu-portal h3 { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.mw-body { color: rgb(var(--text-color, var(--default-text-color))); background-color: rgb(var(--main-color, var(--default-main-color))) !important; }

background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; background-image: none; }
 * 1) mw-page-base {

background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }
 * 1) mw-panel, .mw-footer {

.vector-menu-tabs li { background-image: linear-gradient(to bottom, rgb(var(--accent-color, var(--default-accent-color))), rgb(var(--main-color, var(--default-main-color)))); }

.vector-menu-tabs .selected { background-image: linear-gradient(to bottom, rgb(var(--accent-color, var(--default-accent-color))), rgb(var(--main-color, var(--default-main-color)))); }

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: rgb(var(--text-color, var(--default-text-color))); }

.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited, .vector-menu-tabs .new a *, .vector-menu-tabs .new a:visited * { color: rgb(var(--redlink-color, var(--default-redlink-color))) !important; }

a.new:visited, a.new, #p-personal a.new, #p.personal a.new:visited, a.new:visited *, a.new * { color: rgb(var(--redlink-color, var(--default-redlink-color))) !important; }

.mw-ui-icon::before { filter: brightness(0) saturate(100%) invert(1) !important; }

.oo-ui-icon-tray, .mw-ui-icon-tray::before, .oo-ui-icon-tray::after, .oo-ui-icon-bell, .mw-ui-icon-bell::before, .oo-ui-icon-bell::after { filter: invert(1) !important; }

opacity: 1; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {

background-color: rgb(var(--main-color, var(--default-main-color))) !important; border: none; }
 * 1) editpage-specialchars a {

background-color: rgb(var(--main-color, var(--default-main-color))) !important; border: 2px solid #a2a9b1; color: rgb(var(--text-color, var(--default-text-color))); border-radius: 6px; }
 * 1) searchInput {

display: none; visibility: hidden; }
 * 1) searchButton {

.toc, .toccolours { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.tocnumber { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.infobox th { background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; }

.infobox th[scope=row], .infobox th.infobox-label { background-color: transparent !important; }

.infobox-subheader, .infobox-header { background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; border: none; }

.navbox, .catlinks, .thumbinner, table.ambox, table { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.navbox-list, table:not(.box-Multiple_issues, .box-Citation_style, .box-Advert, .box-Underlinked, .box-POV, .ambox-protection, .ambox-move, .ambox-content, .ambox-style, .ambox-delete, .ambox-speedy, .ambox-notice) { border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; }

.navbox th, .navbox-title, .navbox-group, .navbox-abovebelow, .navbox-subgroup { background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; }

.navbox-even { background-color: transparent !important; }

tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list { border-top: 1px solid rgb(var(--text-color, var(--default-text-color))); }

.wikitable > tr > th, .wikitable > * > tr > th { background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; }

.mp-box { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; color: rgb(var(--text-color, var(--default-text-color))) !important; border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; }

.mp-h2 { background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; color: rgb(var(--text-color, var(--default-text-color))) !important; }

.mw-footer li { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.fmbox, .tmbox, .cmbox, .ambox, .imbox, .ombox, .mbox, .dmbox, .asbox, .sistersitebox, .wikitable, .infobox, .documentation, .documentation-metadata, .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; color: rgb(var(--text-color, var(--default-text-color))) !important; }

.asbox, .dmbox { border: 1px solid rgb(var(--text-color, var(--default-text-color))); }

.mw-advancedSearch-namespace-selection, .mw-advancedSearch-fieldContainer { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.mw-wiki-logo { filter: drop-shadow(0 0 1000vw white) !important; }

.branding-box img, .minerva-footer-logo img { content: url(https://upload.wikimedia.org/wikipedia/commons/e/eb/WikilogoText_White.svg) !important; }

.wikipediauserbox span, .wikipediauserbox td { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.wikipediauserbox { border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; }

.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .oo-ui-indicatorElement-indicator, .oo-ui-iconElement-icon, .mw-helplink { filter: brightness(0) invert(1); }

.oo-ui-menuSelectWidget { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.oo-ui-toolbar-bar, .oo-ui-toolbar-bar > * { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; color: rgb(var(--text-color, var(--default-text-color))) !important; }

.oo-ui-toolbar-bar .oo-ui-indicatorElement-indicator, .oo-ui-toolbar-bar .oo-ui-iconElement-icon { background-color: transparent !important; }

.mw-notification, .mw-notification * { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; color: rgb(var(--text-color, var(--default-text-color))) !important; }

.oo-ui-windowManager-modal > .oo-ui-dialog { background-color: rgba(var(--accent-color, var(--default-accent-color)), 0.5) !important; }

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame *:not(a) { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-iconElement-icon, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-indicatorElement-indicator { background-color: transparent !important; }

.ve-ui-toolbar-saveButton { background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; }

.ve-ui-toolbar-saveButton * { color: rgb(var(--text-color, var(--default-text-color))) !important; background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; }

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent !important; }

.oo-ui-processDialog-actions-other .oo-ui-labelElement-label { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.oo-ui-processDialog-actions-other .oo-ui-buttonElement-button, .oo-ui-processDialog-actions-other .oo-ui-buttonElement-button * { background-color: transparent !important; }

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-processDialog-actions-primary .oo-ui-labelElement-label, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-processDialog-actions-primary .oo-ui-buttonElement-button { color: rgb(var(--text-color, var(--default-text-color))) !important; background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; }

.oo-ui-popupWidget-footer .oo-ui-buttonElement-button { background-image: none !important; background: transparent !important; text-shadow: none !important; }

background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }
 * 1) ooui-4 {

background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; }
 * 1) wpSave {

.cx-campaign-contributionsmenu { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.cx-campaign-contributionsmenu *::marker { filter: brightness(0) saturate(100%) invert(1) !important; }

.oo-ui-popupWidget-popup { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.oo-ui-popupWidget-anchor { filter: brightness(0) saturate(100%) invert(1) !important; }

.vector-menu-content-list { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.rt-tooltip { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.rt-tooltipTail { background: linear-gradient(to top right, rgb(var(--text-color, var(--default-text-color))) 50%,rgba(0,0,0,0) 50%); }

.rt-tooltipTail::after { background: transparent !important; }

.suggestions { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.cnotice { background: rgb(var(--accent-color, var(--default-accent-color))) !important; border: 1px solid #aaaaaa !important; }

.ambox table.ambox { border: none !important; }

.mbox-text-span::marker, .mbox-text-span { list-style-image: unset !important; }

.references-drawer { background: rgb(var(--accent-color, var(--default-accent-color))) !important; border: 1px solid rgb(var(--text-color, var(--default-text-color))); }

.image-details { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.overlay { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.overlay.media-viewer { background: rgb(var(--main-color, var(--default-main-color))) !important; }

.mw-widget-calendarWidget { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.mw-widget-calendarWidget-header { border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color))); }

.mw-widget-calendarWidget-item:hover { background: rgb(var(--main-color, var(--default-main-color))) !important; }

.ui-widget { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.ui-widget .ui-widget-header { background: rgb(var(--main-color, var(--default-main-color))) !important; border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; }

.select2-dropdown--below { background: rgb(var(--main-color, var(--default-main-color))) !important; }

.select2-results > ul > li ul > li:hover { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.select2-results { line-height: 1.7em !important; }

.submitButtonProxy { border-radius: 3px; border: 1px solid ; }

.ui-widget fieldset { border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; }

padding-left: 0; }
 * 1) p-personal ul {

a, a>*, .oo-ui-toolbar-bar>a:visited>* { color: rgb(var(--unvisited-link-color, var(--default-unvisited-link-color))) !important; }

a:visited, a:visited>*, .oo-ui-toolbar-bar>a:visited>* { color: rgb(var(--visited-link-color, var(--default-visited-link-color))) !important; }

.diff-addedline .diffchange { background: rgb(var(--diff-added-color, var(--default-diff-added-color))); color: black !important; }

.diff-deletedline .diffchange { background: rgb(var(--diff-deleted-color, var(--default-diff-deleted-color))); color: black !important; }

.keyboard-key { background-image: none !important; }

.thumbimage:not(.video-js) { background-color: rgb(var(--text-color, var(--default-text-color))) !important; }

.mw-mmv-above-fold { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.mw-mmv-image-metadata { background-color: rgb(var(--main-color, var(--default-main-color))) !important; }

.client-js .ambox .ambox-learn-more::before { background: none !important; }

background: rgb(var(--accent-color, var(--default-accent-color))) !important; }
 * 1) language-settings-dialog {

.uls-sub-panel { border-top: none !important; }

.oo-ui-toolGroup-tools { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

margin: 1em; }
 * 1) mw-fr-reviewnotice {

background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }
 * 1) mw-fr-reviewnotice div {

border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; }
 * 1) mw-fr-reviewform > fieldset, form[name="pendingchanges"] > fieldset {

.ace_tooltip, .ace_search { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.ace-tm .ace_marker-layer .ace_selection { background-color: #444444 !important; }

background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }
 * 1) mw-fr-revisiontag, #mw-fr-revisiondetails {

background-color: rgb(var(--positive-color, var(--default-positive-color))) !important; cursor: pointer !important; }
 * 1) mw-fr-submit-accept {

background-color: rgb(var(--negative-color, var(--default-negative-color))) !important; cursor: pointer !important; }
 * 1) mw-fr-submit-reject, #mw-fr-submit-unaccept {

.tipsy-inner { background-color: rgb(var(--main-color, var(--default-main-color))) !important; }

background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }
 * 1) mw-mf-page-left {

.mw-parser-output .task-center-header { background: transparent !important; border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; }

.mw-parser-output .job-description-title, .mw-parser-output .job-description-experience { background: transparent !important; }

.ext-discussiontools-ui-replyWidget-scrollback-bottom > a, .ext-discussiontools-ui-replyWidget-scrollback-top > a { background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.ve-ui-findAndReplaceDialog-findResult, .ve-ui-findAndReplaceDialog-findResult-focused { opacity: 0.4 !important; }

.ve-ce-surface-selections-findResult-focused > div { background: #fff21e !important; }

.ve-ce-surface-selection > div { background: #1e90ff !important; }

.oo-ui-pendingElement-pending, .cdx-lookup--pending { background-image: linear-gradient(135deg,rgb(var(--main-color, var(--default-main-color))) 25%,transparent 25%,transparent 50%,rgb(var(--main-color, var(--default-main-color))) 50%,rgb(var(--main-color, var(--default-main-color))) 75%,transparent 75%,transparent) !important; }

.mw-plusminus-pos { color: rgb(var(--positive-color, var(--default-positive-color))) !important; }

.mw-plusminus-neg { color: rgb(var(--negative-color, var(--default-negative-color))) !important; }

.mw-plusminus-null { color: #bbbbbb !important; }

.SCPopupIE, .SCPopup { border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; background: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.ext-growthExperiments-CPopper__popover, #mentee-filters-form, .cdx-menu { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.ext-related-articles-card-list h3::after { background-image: none !important; }

.ext-related-articles-card-list .ext-related-articles-card { border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; }

.toggle-list__list { background: rgb(var(--accent-color, var(--default-accent-color))) !important; box-shadow: 0 5px 17px 0 rgba(var(--text-color, var(--default-text-color)), 0.2), 0 0 1px #999 !important; }

.notifications-overlay.navigation-drawer { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; box-shadow: -5px 0 5px 0 rgba(var(--text-color, var(--default-text-color)), 0.35) !important; border-left: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; }

.header-container.header-chrome { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color))); box-shadow: 0 0 5px 0 rgb(var(--text-color, var(--default-text-color))) !important; }

.overlay.search-overlay { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.list-thumb-none { filter: invert !important; opacity: 0.85 !important; }

.overlay-footer-container { border: none !important; }

label.mw-ui-icon-with-label-desktop, a.mw-ui-icon-with-label-desktop, a.mw-ui-icon-with-label-desktop:visited { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.overlay.overlay-issues { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) saturate(100%) invert !important; }

.minerva-icon { filter: brightness(0) saturate(100%) invert; }

.minerva-notifications ul { list-style-image: none !important; }

.toc-title-icon, .toc-title-state-icon { filter: brightness(0) saturate(100%) invert !important; }

background-image: linear-gradient(to right,rgb(var(--main-color, var(--default-main-color))) 20%,70%,rgba(var(--main-color, var(--default-main-color)),0),rgba(var(--main-color, var(--default-main-color)),0)), url("https://upload.wikimedia.org/wikipedia/commons/e/e3/Wikipedia_logo_letters_banner.svg") !important; background-size: cover !important; }
 * 1) mp-topbanner {

text-align: left !important; }
 * 1) mp-welcomecount {

padding-left: 0 !important; }
 * 1) mp-welcome {

.navpopup { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.popup_menu { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.mwe-popups:not(.flipped-y):not(.flipped-x-y) .mwe-popups-container { border-top: var(--pointer-height) solid rgb(var(--text-color, var(--default-text-color))) !important; padding-top: 0 !important; }

.mwe-popups.flipped-y .mwe-popups-container, .mwe-popups.flipped-x-y .mwe-popups-container { border-bottom: var(--pointer-height) solid rgb(var(--text-color, var(--default-text-color))) !important; padding-bottom: 0 !important; }

.mwe-popups { border: 1px solid rgb(var(--text-color, var(--default-text-color))); border-radius: 3px; background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right,rgba(var(--accent-color, var(--default-accent-color)),0),rgb(var(--accent-color, var(--default-accent-color))) 50%) !important; }

.popups-icon { filter: brightness(0) invert !important; }

.mwe-popups-extract * { color: rgb(var(--text-color, var(--default-text-color))) !important; }

.cs1-visible-error, .cs1-visible-error :not(a) { color: rgb(var(--redlink-color, var(--default-redlink-color))) !important; }

.mw-mmv-permission-box .mw-mmv-permission-text .mw-mmv-permission-text-fader { background-image: linear-gradient(to bottom, rgba(var(--main-color, var(--default-main-color)),0) 0%, rgb(var(--main-color, var(--default-main-color))) 100%) !important; }

.mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, rgba(var(--accent-color, var(--default-accent-color)),0) 0%, rgb(var(--accent-color, var(--default-accent-color))) 100%) !important; }

.mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; }

.mw-mmv-stripe-button .cdx-button__icon { display: none !important; }

.ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; }

.ve-ui-expandableContent-fade { background: linear-gradient(to right,rgba(var(--accent-color, var(--default-accent-color)),0) 0,rgb(var(--accent-color, var(--default-accent-color))) 90%); }

.video-js .vjs-control-bar { background-color: rgba(var(--main-color, var(--default-main-color)), 0.7) !important; }

.vjs-control > .vjs-slider > .vjs-play-progress > .vjs-time-tooltip, .vjs-menu-content > .vjs-menu-item.vjs-selected > span { color: #000 !important; }