MediaWiki:Fandomdesktop.css

/* Note: Color styles may need to be coded as variables to support light, dark, * and per-namespace themes correctly. */ /* Note 2: Currently the variable names aren't stable; they may be stabilized * in the future to allow for inline `var` declarations, but for now you * should not do that, things may break if you do. */ /* Note 3: Some parts of the code written, with or without changes, by * User:ItsPlantseed, some of which are also originally written by * User:SansUT1. */ /* Defaults assume a namespace without a custom theme, and light theme. */
 * root {

--custom-background-blue: hsl(215, 75%, 92%); --custom-background-blue-highlight: hsl(215, 75%, 85%); --custom-background-green: hsl(120, 75%, 92%); --custom-background-green-highlight: hsl(120, 75%, 85%); --custom-background-grey: hsl(0, 0%, 92%); --custom-background-grey-highlight: hsl(0, 0%, 85%); --custom-background-magenta: hsl(310, 75%, 92%); --custom-background-magenta-highlight: hsl(310, 75%, 85%); --custom-background-orange: hsl(40, 75%, 92%); --custom-background-orange-highlight: hsl(40, 75%, 85%); --custom-background-purple: hsl(260, 75%, 92%); --custom-background-purple-highlight: hsl(260, 75%, 85%); --custom-background-red: hsl(0, 75%, 92%); --custom-background-red-highlight: hsl(0, 75%, 85%); --custom-background-yellow: hsl(60, 75%, 92%); --custom-background-yellow-highlight: hsl(60, 75%, 85%); --custom-border-blue: hsl(215, 25%, 65%); --custom-border-blue-highlight: hsl(215, 50%, 68%); --custom-border-green: hsl(120, 25%, 65%); --custom-border-green-highlight: hsl(120, 50%, 68%); --custom-border-grey: hsl(0, 0%, 65%); --custom-border-magenta: hsl(310, 25%, 65%); --custom-border-magenta-highlight: hsl(310, 50%, 68%); --custom-border-orange: hsl(40, 25%, 65%); --custom-border-orange-highlight: hsl(40, 50%, 68%); --custom-border-purple: hsl(260, 25%, 65%); --custom-border-purple-highlight: hsl(260, 50%, 68%); --custom-border-red: hsl(0, 25%, 65%); --custom-border-red-highlight: hsl(0, 50%, 68%); --custom-border-yellow: hsl(60, 25%, 65%); --custom-border-yellow-highlight: hsl(60, 50%, 68%); --custom-main-page-background: #fcfcfc; --custom-main-page-border: #ccc; --custom-main-page-edition-subheader: #333; --custom-table-background: #f8f9fa; --custom-table-alternate-background: #f0f1f2; --custom-table-header-background: #eaecf0; } body.theme-fandomdesktop-light { /* Override default color that causes some contrast issues. */   --theme-alert-color: #ba1231; /* Theme Designer: Community background color (choose lighter color) */ --theme-body-text-color: #242424; --theme-body-text-color--hover: #3a3a3a; /* Theme Designer: Sticky nav background color */ --theme-sticky-nav-background-color: #1e1e1e; --theme-sticky-nav-text-color: #f6f6f6; --theme-sticky-nav-text-color--hover: #c5dfe2; /* Theme Designer: Accent color */ --theme-accent-color: #36c; --theme-accent-color--rgb: 51, 102, 204; --theme-accent-color--hover: #447ff5; --theme-accent-label-color: #fff; /* Manually set here */ --theme-page-background-color--secondary: #f8f9fa; /* Wiki theme variables */ --mcw-sky-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/1/17/Light_background_clouds_distance2.png/revision/latest?format=original); --mcw-grass-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/4/42/Light_background_grass.png/revision/latest?format=original); --mcw-snow-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/64/Light_background_snowy_grass.png/revision/latest?format=original); --mcw-snowfall: url(/media/8/84/Winter-snow-background.gif); --mcw-header-background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.1) 158px, rgba(255, 255, 255, 0) 0), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(227, 227, 227) 168px, rgb(203, 217, 231) 210px, rgb(141, 189, 233) 268px); --mcw-deepslate: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/bc/Light_background_deepslate.png/revision/latest?format=original); --mcw-deepslate-transition: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/b8/Light_background_deepslate_transition.png/revision/latest?format=original); } body.theme-fandomdesktop-dark { --theme-alert-color: #f1748b; --custom-background-blue: hsl(215, 25%, 8%); --custom-background-blue-highlight: hsl(215, 25%, 12%); --custom-background-green: hsl(120, 25%, 8%); --custom-background-green-highlight: hsl(120, 25%, 12%); --custom-background-grey: hsl(0, 0%, 8%); --custom-background-grey-highlight: hsl(0, 0%, 12%); --custom-background-magenta: hsl(310, 25%, 8%); --custom-background-magenta-highlight: hsl(310, 25%, 12%); --custom-background-orange: hsl(40, 25%, 8%); --custom-background-orange-highlight: hsl(40, 25%, 12%); --custom-background-purple: hsl(260, 25%, 8%); --custom-background-purple-highlight: hsl(260, 25%, 12%); --custom-background-red: hsl(0, 25%, 8%); --custom-background-red-highlight: hsl(0, 25%, 12%); --custom-background-yellow: hsl(60, 25%, 8%); --custom-background-yellow-highlight: hsl(60, 25%, 12%); --custom-border-blue: hsl(215, 15%, 36%); --custom-border-blue-highlight: hsl(215, 50%, 30%); --custom-border-green: hsl(120, 15%, 36%); --custom-border-green-highlight: hsl(120, 50%, 30%); --custom-border-grey: hsl(0, 0%, 36%); --custom-border-magenta: hsl(310, 15%, 36%); --custom-border-magenta-highlight: hsl(310, 50%, 30%); --custom-border-orange: hsl(40, 15%, 36%); --custom-border-orange-highlight: hsl(40, 50%, 30%); --custom-border-purple: hsl(260, 15%, 36%); --custom-border-purple-highlight: hsl(260, 50%, 30%); --custom-border-red: hsl(0, 15%, 36%); --custom-border-red-highlight: hsl(0, 50%, 30%); --custom-border-yellow: hsl(60, 15%, 36%); --custom-border-yellow-highlight: hsl(60, 50%, 30%); --custom-main-page-background: #202125; --custom-main-page-border: #2e2e2e; --custom-main-page-edition-subheader: #ddd; --custom-table-background: #131313; --custom-table-alternate-background: #1a1a1a; --custom-table-header-background: #363636; /* Theme Designer: Community background color (choose lighter color) */ --theme-body-text-color: #eee; --theme-body-text-color--hover: #ccc; /* Theme Designer: Sticky nav background color */ --theme-sticky-nav-background-color: #1f2737; --theme-sticky-nav-text-color: #f6f6f6; --theme-sticky-nav-text-color--hover: #c5dfe2; /* Theme Designer: Article background color */ --theme-page-background-color: #171819; /* Theme Designer: Link color */ --theme-link-color: #a0c9fe; --theme-link-color--rgb: 160, 201, 254; --theme-link-color--hover: #7e8eff; --theme-link-label-color: #0e191a; /* Theme Designer: Accent color */ --theme-accent-color: #1f2737; --theme-accent-color--rgb: 31, 39, 55; --theme-accent-color--hover: #25324e; --theme-accent-label-color: #fff; /* Manually set here */ --theme-page-background-color--secondary: #181d23; --theme-border-color: #3a3a3a; /* Wiki theme variables */ --mcw-sky-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/5/5b/Dark_background_stars.png/revision/latest?format=original); --mcw-grass-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/b5/Dark_background_grass_base.png/revision/latest?format=original); --mcw-header-background: var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(14, 14, 15) 168px, rgb(9, 9, 19) 210px, rgb(6, 5, 15) 268px); --mcw-deepslate: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/a8/Dark_background_deepslate.png/revision/latest?format=original); --mcw-deepslate-transition: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/bc/Dark_background_deepslate_transition.png/revision/latest?format=original); } body.rootpage-Minecraft_Dungeons.theme-fandomdesktop-light, body.ns-10000.theme-fandomdesktop-light, body.ns-10001.theme-fandomdesktop-light { --theme-page-background-color: #f2eee7; --theme-page-background-color--secondary: #fff6e4; --theme-accent-color: #c86e10; --theme-accent-color--rgb: 200, 110, 16; --theme-accent-color--hover: #cc7820; --theme-sticky-nav-background-color: #c86e10; --theme-sticky-nav-text-color--hover: #f2e5b2; } body.rootpage-Minecraft_Dungeons.theme-fandomdesktop-dark, body.ns-10000.theme-fandomdesktop-dark, body.ns-10001.theme-fandomdesktop-dark { --theme-page-background-color: #1a1715; --theme-page-background-color--secondary: #2d251f; --theme-accent-color: #3a2916; --theme-accent-color--rgb: 58, 41, 22; --theme-accent-color--hover: #3e2f1e; --theme-sticky-nav-background-color: #3a2916; } body.rootpage-Minecraft_Earth.theme-fandomdesktop-light, body.ns-10002.theme-fandomdesktop-light, body.ns-10003.theme-fandomdesktop-light { --theme-page-background-color: #e5edff; --theme-page-background-color--secondary: #f1f5ff; --theme-accent-color: #2783ae; --theme-accent-color--rgb: 39, 131, 174; --theme-accent-color--hover: #2783ae; --theme-sticky-nav-background-color: #2783ae; --theme-sticky-nav-text-color--hover: #b2c4f2; } body.rootpage-Minecraft_Earth.theme-fandomdesktop-dark, body.ns-10002.theme-fandomdesktop-dark, body.ns-10003.theme-fandomdesktop-dark { --theme-page-background-color: #14151a; --theme-page-background-color--secondary: #1a1f2a; --theme-accent-color: #0f242e; --theme-accent-color--rgb: 15, 36, 46; --theme-accent-color--hover: #182c36; --theme-sticky-nav-background-color: #0f242e; --theme-sticky-nav-text-color--hover: #b2c4f2; }

/* Add different layers of background */ html body.skin-fandomdesktop { background: var(--theme-body-background-image), var(--theme-body-background-color); background-position: 66px top; background-size: 40px; position: relative; } html body.skin-fandomdesktop:after { background: var(--mcw-deepslate); background-position: 66px top; background-size: 40px; background-clip: padding-box; border-top: 40px solid #f2000000; -o-border-image: var(--mcw-deepslate-transition) 56 0 0 0 round; border-image: var(--mcw-deepslate-transition) 56 0 0 0 round; content: ""; min-width: 768px; width: 100%; height: 50%; position: absolute; bottom: 0; z-index: -3; /* Hide the background while the site is still loading */ }

/* Add sky and grass for the header */ .fandom-community-header__background { background: var(--mcw-header-background); min-width: inherit; width: calc(100% - 66px); height: 305px; position: absolute; background-size: 160px !important; background-position: bottom left !important; /* Force background to repeat horizontally */ } .fandom-community-header__background:before { background: var(--mcw-sky-base) right 6px repeat-x; } body.theme-fandomdesktop-dark .fandom-community-header__background:before { background-size: 250px; }

/* Stone background for the sticky wiki navigation */ .fandom-sticky-header { background: linear-gradient(0deg, rgba(var(--theme-accent-color--rgb), 0.1) 0%, rgba(255, 255, 255, 0) 50%), var(--theme-body-background-image) }

/* Fix hover color on the quickbar */ .WikiaBarWrapper .tools-menu > li > a:hover { color: var(--theme-sticky-nav-text-color--hover); }

/* Main page */ .fp-section { background-color: var(--custom-main-page-background); border-color: var(--custom-main-page-border); } .edition-box .edition-box-subheader { color: var(--custom-main-page-edition-subheader) !important; } .edition-box-java, .edition-box-java .edition-box-header { background-color: var(--custom-background-green) !important; border-color: var(--custom-border-green) !important; } .edition-box-bedrock, .edition-box-bedrock .edition-box-header { background-color: var(--custom-background-red) !important; border-color: var(--custom-border-red) !important; } .edition-box-dungeons, .edition-box-dungeons .edition-box-header { background-color: var(--custom-background-yellow) !important; border-color: var(--custom-border-yellow) !important; } .edition-box-launcher, .edition-box-launcher .edition-box-header { background-color: var(--custom-background-grey) !important; border-color: var(--custom-border-grey) !important; } .edition-box-education, .edition-box-education .edition-box-header { background-color: var(--custom-background-blue) !important; border-color: var(--custom-border-blue) !important; } .edition-box-china, .edition-box-china .edition-box-header { background-color: var(--custom-background-purple) !important; border-color: var(--custom-border-purple) !important; } body.theme-fandomdesktop-dark .main-page .mcwiki-header { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/GrassBackgroundDark.png/revision/latest?cb=20210613130609&format=original) !important; border-top-color: #1c2828 !important; border-left: 1px solid #1c2828; border-right: 1px solid #1c2828; border-bottom: 1px solid #1c2828; color: #e8e8e8 !important; }

/* Message boxes */ .msgbox { border-color: var(--theme-border-color); } .msgbox.msgbox-blue { background-color: var(--custom-background-blue-highlight); border-left-color: var(--custom-border-blue-highlight); } .msgbox.msgbox-green { background-color: var(--custom-background-green-highlight); border-left-color: var(--custom-border-green-highlight); } .msgbox.msgbox-orange { background-color: var(--custom-background-orange-highlight); border-left-color: var(--custom-border-orange-highlight); } .msgbox.msgbox-purple { background-color: var(--custom-background-purple-highlight); border-left-color: var(--custom-border-purple-highlight); } .msgbox.msgbox-red { background-color: var(--custom-background-red-highlight); border-left-color: var(--custom-border-red-highlight); } .msgbox.msgbox-yellow { background-color: var(--custom-background-yellow-highlight); border-left-color: var(--custom-border-yellow-highlight); } .msgbox.msgbox-magenta { background-color: var(--custom-background-magenta-highlight); border-left-color: var(--custom-border-magenta-highlight); } .msgbox.msgbox-gray { background-color: var(--custom-background-grey); border-left-color: var(--custom-border-grey); }

/* Infoboxes */ .notaninfobox { border-color: var(--theme-border-color); background-color: var(--custom-table-background); } .notaninfobox .mcwiki-header { background-color: var(--custom-background-blue-highlight); border: 1px solid var(--theme-border-color); } .alternaterows tr:nth-child(2n), .infobox-rows tr:nth-child(2n) { background-color: var(--custom-table-alternate-background); }

/* Navboxes */ .navbox, .navbox table { background-color: var(--custom-table-background); } .navbox th, .navbox .navbox-top, background-color: var(--custom-table-header-background) !important; } .loadbox-navbox { border-color: var(--theme-border-color) !important; background-color: var(--custom-table-background) !important; }
 * 1) content .loadbox-navbox > p {

/* Other templates */ .documentation, .documentation-header, .documentation > div[style*="background-color:#EAF4F9"] { background-color: var(--custom-background-blue) !important; border-color: var(--custom-border-blue) !important; }

table.schematic td, span.schematic { border-color: var(--theme-border-color); background-color: var(--custom-table-background); }

/* Table choice. Written by ItsPlantseed with some adjustments for contrast * issues */ body.theme-fandomdesktop-light .tc-yes { background: #c6efce !important; } body.theme-fandomdesktop-dark .tc-yes { background: #29542c !important; } body.theme-fandomdesktop-light .tc-always { background: #5dcc5d !important; } body.theme-fandomdesktop-dark .tc-always { background: #3b533c !important; } body.theme-fandomdesktop-light .tc-no { background: #ffc7ce !important; } body.theme-fandomdesktop-dark .tc-no { background: #592c2c !important; } body.theme-fandomdesktop-light .tc-never { background: #ff8787 !important; } body.theme-fandomdesktop-dark .tc-never { background: #533b3b !important; } body.theme-fandomdesktop-light .tc-rarely { background: #fdce5e !important; } body.theme-fandomdesktop-dark .tc-rarely { background: #594f1e !important; } body.theme-fandomdesktop-light .tc-neutral { background: #ffeb9c !important; } body.theme-fandomdesktop-dark .tc-neutral { background: #5b573f !important; } body.theme-fandomdesktop-light .tc-partial { background: #ffffdd !important; } body.theme-fandomdesktop-dark .tc-partial { background: #3e3d31 !important; } body.theme-fandomdesktop-light .tc-planned { background: #dfdfff !important; } body.theme-fandomdesktop-dark .tc-planned { background: #242f2e !important; } body.theme-fandomdesktop-light .tc-unknown { background: #ccc !important; } body.theme-fandomdesktop-dark .tc-unknown { background: #364148 !important; } body.theme-fandomdesktop-light .tc-in { color: #fff; background: #040 !important; } body.theme-fandomdesktop-dark .tc-in { background: #06450a !important; } body.theme-fandomdesktop-light .tc-inem { color: #fff; background: #080 !important; } body.theme-fandomdesktop-dark .tc-inem { background: #266c29 !important; } body.theme-fandomdesktop-light .tc-out { color: #fff; background: #700 !important; } body.theme-fandomdesktop-dark .tc-out { background: #4a0a0a !important; } body.theme-fandomdesktop-light .tc-outem { color: #fff; background: #c00 !important; } body.theme-fandomdesktop-dark .tc-outem { background: #742a2a !important; } body.theme-fandomdesktop-light .tc-default { color: inherit !important; background: #fff !important; } body.theme-fandomdesktop-dark .tc-default { color: inherit !important; background: #373737 !important; } body.theme-fandomdesktop-light .tc-hyphen { background: #ffc7ce !important; } body.theme-fandomdesktop-dark .tc-hyphen { background: #352929 !important; }

/* Even *more* background colors, such as for table cells. * Written by TheSuperPlayer. */ .theme-fandomdesktop-light .page-content .general-background-gray { background-color: #bdbdbd; } .theme-fandomdesktop-dark .page-content .general-background-gray { background-color: #212121; } .theme-fandomdesktop-light .page-content .general-background-lime { background-color: #c1f792; } .theme-fandomdesktop-dark .page-content .general-background-lime { background-color: #405230; } .theme-fandomdesktop-light .page-content .general-background-yellow { background-color: #fffca6; } .theme-fandomdesktop-dark .page-content .general-background-yellow { background-color: #4d4c30; } .theme-fandomdesktop-light .page-content .general-background-cyan { background-color: #97fcf9; } .theme-fandomdesktop-dark .page-content .general-background-cyan { background-color: #426665; } .theme-fandomdesktop-light .page-content .general-background-magenta { background-color: #ffbfff; } .theme-fandomdesktop-dark .page-content .general-background-magenta { background-color: #4c374d; }

/* Miscellaneous changes */ /* Use table colors for the TOC */ .page-content #toc .toctitle { background-color: var(--custom-table-header-background); } .page-content #toc ul { background-color: var(--custom-table-background); }

/* Invert black images in dark mode */ body.theme-fandomdesktop-dark .math-image, body.theme-fandomdesktop-dark img[data-image-name="Android.svg"], body.theme-fandomdesktop-dark img[data-image-name="MacOS wordmark.svg"], body.theme-fandomdesktop-dark img[data-image-name="IOS.svg"], body.theme-fandomdesktop-dark img[data-image-name="IPadOS.svg"], body.theme-fandomdesktop-dark img[data-image-name="AppleTVLogo.svg"], body.theme-fandomdesktop-dark img[data-image-name="GearVR.svg"], body.theme-fandomdesktop-dark img[data-image-name="Playstation logo.svg"], body.theme-fandomdesktop-dark img[data-image-name="PS5.svg"], body.theme-fandomdesktop-dark img[data-image-name="PS4.svg"], body.theme-fandomdesktop-dark img[data-image-name="PS3.svg"], body.theme-fandomdesktop-dark img[data-image-name="PSVita.svg"], body.theme-fandomdesktop-dark img[data-image-name="Xbox Series.svg"], body.theme-fandomdesktop-dark img[data-image-name="New Nintendo 3DS.svg"] { filter: hue-rotate(180deg) invert(100%) saturate(.6) brightness(2); }

/* Hydra overrides. These should be addressed when FandomDesktop is fully rolled * out. */ /* Hydra overrides for Earth/Dungeons */ .rootpage-Minecraft_Dungeons #content, .rootpage-Minecraft_Earth #content, .ns-10000 #content, .ns-10001 #content, .ns-10002 #content, .ns-10003 #content { background-color: unset; } /* Fix file TOC being light-themed */ border-color: var(--theme-border-color); background-color: var(--custom-table-background); }
 * 1) filetoc {

/* Fix JS links (such as in loadboxes) being too dark */ .jslink { color: var(--theme-link-color); }

/* Fix horizontal lists on dark theme */ background-color: var(--theme-page-text-color); height: 4px; width: 4px; border-radius: 2px; }
 * 1) mw-content-text .hlist li:not(:last-child)::after {

/* Stikitable overrides. Should probably deprecate this class given this * functionality is built into FandomDesktop. */ .stikitable > * > tr:first-child > th::after { left: unset; border-bottom: unset; }

/* FandomDesktop fixes: May be useful to check from time to time if these got * any actual fixes. */ /* Restore border collapsing for tables */ .ooui-theme-fandomooui .article-table, .ooui-theme-fandomooui .wikitable { border-collapse: collapse; background-color: var(--custom-table-background); }

/* Restore pre-FD table header text centering */ .ooui-theme-fandomooui .wikitable > tr > th, .ooui-theme-fandomooui .wikitable > * > tr > th { text-align: center; background-color: var(--custom-table-header-background); }

/* Restore pre-FD Hydra/Vector table paddings. 12px on all sides feels too much * for a desktop skin. */ .ooui-theme-fandomooui .article-table tr td, .ooui-theme-fandomooui .article-table tr th, .ooui-theme-fandomooui .wikitable tr td, .ooui-theme-fandomooui .wikitable tr th { padding: 0.2em 0.4em; }

/* Fix issues with tables using rowspan / colspan */ .ooui-theme-fandomooui .article-table tr td:first-child, .ooui-theme-fandomooui .article-table tr th:first-child, .ooui-theme-fandomooui .wikitable tr td:first-child, .ooui-theme-fandomooui .wikitable tr th:first-child { border: 1px solid var(--theme-border-color); }

/* Fix FD setting box-sizing to border-box by default, and some elements assume * the other option. */ .invslot { box-sizing: content-box; }

/* Fix FD collapsing navbox borders */ .navbox, .navbox table { border-collapse: separate; border-spacing: 2px; }

/* Fix some height declarations being inappropriate with FD */ .wikiEditor-ui-toolbar .page-characters div span { height: unset; }
 * 1) msupload-dropzone,

/* Fix class name overuse */ .wikiEditor-ui-toolbar .page { margin-top: 0; }

/* Fix page history headers being broken into several lines */ div.mw-history-subtitle { display: inline-block; }

/* Fix many special page forms having no styling at all */ .mw-special-MergeHistory fieldset, .mw-special-Whatlinkshere fieldset, .mw-special-Import fieldset { border: 1px solid #2a4b8d; margin: 1em 0 1em 0; padding: 0 1em 1em; } .mw-special-MergeHistory fieldset legend, .mw-special-Whatlinkshere fieldset legend, .mw-special-Import fieldset legend { padding: 0.5em; }
 * 1) mw-history-searchform > fieldset,
 * 2) mw-Protect-Form > fieldset,
 * 3) mw-abusefilter-editing-form > fieldset,
 * 4) mw-upload-form > fieldset,
 * 1) mw-history-searchform > fieldset legend,
 * 2) mw-Protect-Form > fieldset legend,
 * 3) mw-abusefilter-editing-form > fieldset legend,
 * 4) mw-upload-form > fieldset legend,

/* Fix cramped infoboxes */ .infobox-rows th, .infobox-rows td { padding: 4px; }

/* Fix indentation with `:` having too much padding */ .page-content dl { margin: 0; }

/* Fix the VE/Source button messing up the 2010 editor */ .wikiEditor-ui .oo-ui-toolbar-bar { padding: 0; } .wikiEditor-ui .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle { padding: 16px 8px; }

/* Fix arrows in enhanced recent changes */ .mw-enhancedchanges-arrow-space { height: 19px; }

/* Fix broken VE popups */ .oo-ui-popupWidget-popup { padding: 0; }

/* Fix improper notification styling on dark mode */ .mw-notification { background-color: var(--custom-background-grey); border-color: var(--custom-border-grey); color: var(--theme-page-text-color); } .mw-notification.mw-notification-type-warn { background-color: var(--custom-background-yellow-highlight); border-color: var(--custom-border-yellow-highlight); } .mw-notification.mw-notification-type-error { background-color: var(--custom-background-red-highlight); border-color: var(--custom-border-red-highlight); } body.theme-fandomdesktop-dark .postedit::after { filter: invert(100%); }

/* Fix "this document contains errors" using an inappropriate color with dark * mode */ .oo-ui-messageDialog-message { color: var(--theme-page-text-color); }

/* Fix various infobox changes (by ItsPlantseed) */ .notaninfobox { box-sizing: content-box; }

.notaninfobox .infobox-rows { word-break: break-word; }

.infobox-rows li > span, .infobox-rows .hlist > span { white-space: normal !important; word-break: break-word; }

/* Fix table alignment inheritance (once again by ItsPlantseed) */ .article-table tr td, .wikitable tr td { text-align: inherit; }

/* Fix dark theme recent changes (incl. enhanced filters) */ body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: hsl(195, 11%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(193, 45%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(167, 53%, 12%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(45, 100%, 12%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(20, 100%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(0, 75%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(30, 85%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(56, 37%, 15%); }

body.theme-fandomdesktop-dark .mw-plusminus-pos { color: hsl(120, 80%, 50%); }

body.theme-fandomdesktop-dark .mw-plusminus-neg { color: hsl(0, 90%, 70%); }

/* Fix Fandom breaking enhanced RC even further, basically giving up on the dark * theme */ body.theme-fandomdesktop-dark .mw-rcfilters-highlighted { color: var(--theme-page-text-color); } body.theme-fandomdesktop-dark .mw-rcfilters-highlighted a { color: var(--theme-link-color); } body.theme-fandomdesktop-dark .mw-rcfilters-highlighted a.new { color: var(--theme-alert-color); } body.theme-fandomdesktop-dark .unpatrolled { color: var(--theme-alert-color); } body.theme-fandomdesktop-dark .autocomment, body.theme-fandomdesktop-dark .autocomment a, body.theme-fandomdesktop-dark .autocomment a:visited { color: #92999d; }