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); } .theme-fandomdesktop-light .mp-logo img { filter: brightness(0); }

/* 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: rgba(0, 0, 255, 0.3); --navbox-header-color: rgba(0, 0, 255, 0.2); --navbox-alt-color: var(--theme-page-background-color--secondary); --navbox-border-color: var(--theme-border-color); }

/* Dark theme fix for table cells */ .theme-fandomdesktop-dark .table-yes { background-color: #006600 !important; }

.theme-fandomdesktop-dark .table-no { background-color: #660000 !important; }

/* Adding shadow to contrast */ .fandom-community-header__community-name, .fandom-community-header .fandom-community-header__local-navigation .wds-tabs__tab-label a { text-shadow: 2px 2px 4px rgba(0,0,0,.5); overflow: visible; } .fandom-community-header .fandom-community-header__local-navigation .first-level-item a > .wds-icon { filter: drop-shadow(2px 2px 1px rgba(0,0,0,.3)) drop-shadow(2px 2px 1px rgba(0,0,0,.1)); }

/* Dark theme coloring */ .theme-fandomdesktop-dark #noarticletext, .theme-fandomdesktop-dark .tab { background-color: #2f2f2f !important; } .theme-fandomdesktop-dark .tab2 { background-color: #393939 !important;