MediaWiki:Cosmos.css/DarkMode.css

/* All CSS here will be loaded for users of the Cosmos skin */ /* ################## DARK  ####################### */ .theme-dark { --theme-body-text-color: #fff; --theme-body-background-color: #e7e7e7; --theme-page-background-color: #5b5b5b; /* --theme-body-background-image: url(''); */ --theme-banner-background-color: #37535f; --theme-footer-background-color: #34495E;

--theme-link-color: #57c3b9; --theme-link-color--hover: #0b325c; --theme-link-label-color: #fff; --theme-link-color--visited: #c1ae27; --theme-link-color--external: #36b;

--theme-footer-links-list-color: #95A5A6; --theme-footer-links-list-link-color: #EAEDED; --theme-suggestions-results-background-color: #d6e2ef; --theme-suggestions-results-text-color: #000; --theme-suggestions-results-current-text-color: #fff; --theme-suggestions-results-special-child-hover-text-color: #000; --theme-suggestions-results-special-hover-background-color: #2a4b8d; --theme-suggestions-results-special-hover-text-color: #fff; --theme-diff-line-border-color: #aaffc7; --theme-diff-line-background-color: #d7d7d7; --theme-diff-addedline-diffchange-background-color: #aaffc7; --theme-diff-deletedline-border-color: #ef6881; --theme-diff-deletedline-diffchange-border-color: #ef6881; --theme-recentchanges-plusminus-pos: #00A400; --theme-recentchanges-plusminus-neg: #c5312d; --theme-discussion-button-text-color: #fff; --theme-page-background-color--quaternary: #343d46;

--theme-gallery-image-background-color: transparent;/* #040404; */ --theme-page-background-color--secondary: #7d9ba1; --theme-page-background-color--light: #59656D;

--theme-containerTem-background-color: #1b171d; --theme-link-color: #f9ba52; --theme-link-color--visited: #71c4ff; --theme-page-containerTem-content-background-color: #192841; --theme-page-toc-background-color: var(--theme-containerTem-background-color); --theme-page-toc-ul-background-color: var(--theme-page-containerTem-content-background-color); --theme-page-actionLinks-item-hover-bg-color: #404040a0; }

/* ############################################ */ /* ###          Dark mode stuff            ### */ /* ###           User:Eckserah             ### */ /* ############################################ */ body.theme-dark #cosmos-actionsList-list { background-color: var(--theme-body-background-color); background-image: var(--theme-body-background-image); }

body.theme-dark #mw-content-banner, body.theme-dark #mw-content, body.theme-dark #cosmos-actionsList-list { background-blend-mode: difference; }

body.theme-dark .containerTem .containerContent, body.theme-dark #toc > ul { background-blend-mode: color-burn; }

body.theme-dark .containerTem .containerContent, body.theme-dark #toc > ul{ background-image: var(--theme-body-background-image); }

body.theme-dark #toc > ul { background-color: var(--theme-page-toc-ul-background-color); }

/* ############################################ */ /* ###         Dark mode vault boy         ### */ /* ###         image outline stuff         ### */ /* ###            User:Eckserah            ### */ /* ############################################ */

.theme-dark .vb-image img{ filter: none; filter: drop-shadow(0 0 0 white); }

/* ############################################ */ /* ###     Gallery thumbnail background    ### */ /* ###            User:Eckserah            ### */ /* ############################################ */

.theme-dark li.gallerybox div.thumb img { filter: drop-shadow(0 0 0 white) drop-shadow(0 -1px 0 gray) drop-shadow(0 1px 0 gray); }

/* ############################################ */ /* ###         Dark mode hat arrow         ### */ /* ###            User:Eckserah            ### */ /* ############################################ */

.theme-dark img[alt="Hat arrow.png"] { filter: invert(1); }

/* ############################################ */ /* ###          template param box         ### */ /* ###            User:Kate Aces           ### */ /* ############################################ */

.va-docparam { padding: 0 2px 0 20px; text-indent: -20px; margin-bottom: 3px; background: var(--theme-page-background-color--light); border: 1px dotted var(--theme-border-color); overflow: auto; }