MediaWiki:Fandomdesktop.css

/* CSS placed here will be applied to the FandomDesktop skin Even if the FandomDesktop skin is the only available, this page will still be used for fixes only to the dark theme. General wiki styling will go to Common.css

/* Add invert classes for each light/dark theme on FandomDesktop */ .theme-fandomdesktop-light .invlight img, .theme-fandomdesktop-dark .invdark img { filter: invert(1); }

/* Dark theme fixes for the template */ .theme-fandomdesktop-dark .navbox { --navbox-bg-color: var(--theme-page-background-color); --navbox-text-color: white; --navbox-title-color: #008000; --navbox-header-color: #006400; --navbox-alt-color: var(--theme-page-background-color--secondary); --navbox-border-color: var(--theme-border-color); }

/* Header contrasts */ .fandom-community-header { filter: drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000); z-index: 200; }

/* Adding green box shadow */ .page { box-shadow: 0px 0px 30px #0f0; } /* Semi-Transparent background and Modules */ .page__main, .page__right-rail, background-color: rgba(var(--theme-page-background-color--rgb), 0.85); }
 * 1) mixed-content-footer {

.page__right-rail .rail-module { background-color: rgba(0, 255, 0, 0.1); border: 1px solid #0f0; padding: 6px 10px; }

/* Light and dark theme boxes and headers colors on Main Page */ .mp-header { background-color: black; color: white; padding: 0.2em 0.4em; border: 1px solid #0f0; margin: 0 0 10px 0; font-size: 20px; font-family: monospace; font-weight: normal; text-shadow: 0px 0px 4px #00ff00, 0px 0px 8px #00ff00, 0px 0px 8px #00ff00; text-align: center; } .mp-box { margin-bottom: 12px; border: 1px solid #0f0; padding: 6px; text-align: center; } .theme-fandomdesktop-light .mp-box { background-color: rgba(0, 0, 0, .25); color: black; } .theme-fandomdesktop-dark .mp-box { background-color: rgba(0, 255, 0, .25); color: white; }

/* Enhance visibility of the logo on light theme */ .theme-fandomdesktop-light > :not(.portable-infobox .pi-image) img[data-image-name="Full Logo.svg"] { filter: drop-shadow(0px 0px 2px black) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black); }