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 {

/* Rail Modules */ .page__right-rail .rail-module { background-color: rgba(0, 255, 0, 0.1); border: 1px solid #0f0; padding: 6px 10px; } /* Make borders visible on light theme */ .theme-fandomdesktop-light .toc:not(.sticky-toc), .theme-fandomdesktop-light .portable-infobox, .theme-fandomdesktop-light .portable-infobox .pi-border-color, .theme-fandomdesktop-light .mbox { border-color: #228b22; } .theme-fandomdesktop-light table.wikitable, .theme-fandomdesktop-light table.wikitable th, .theme-fandomdesktop-light table.wikitable td { border-color: #228b22 !important; }

/* 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); }