User:Ahrinn/global.js

/* * It is safe to ignore the errors; it seems like MediaWiki's CSS validation doesn't support CSS variables. *  2021-08-03: Partially fixed global navigation for Oasis skin *  2021-08-02: Initial version */


 * root {

--fandom-global-nav-background-color: var(--theme-accent-color); --fandom-global-nav-text-color: var(--theme-accent-dynamic-color-1); /* --theme-accent-dynamic-color-1 does not exist when using Oasis, so there is a fallback to --theme-accent-label-color */ --fandom-global-nav-link-color: var(--theme-accent-dynamic-color-1, var(--theme-accent-label-color)); --fandom-global-nav-link-color--hover: var(--theme-accent-color--hover); --fandom-global-nav-icon-color: var(--theme-accent-dynamic-color-1); --fandom-global-nav-icon-background-color: var(--theme-accent-color); --fandom-global-nav-icon-background-color--hover: var(--theme-accent-color); --fandom-global-nav-icon-background-color--active: var(--theme-accent-color); --fandom-global-nav-icon-border-color: var(--theme-accent-dynamic-color-1); --fandom-global-nav-icon-border-color--hover: var(--theme-accent-dynamic-color-1); --fandom-global-nav-icon-border-color--active: var(--theme-accent-dynamic-color-1); --fandom-global-nav-bottom-icon-color: var(--theme-accent-dynamic-color-1); --fandom-global-nav-counter-background-color: var(--theme-accent-color--hover); --fandom-global-nav-counter-label-color: var(--theme-accent-dynamic-color-1); --fandom-global-nav-logo-separator-color: var(--theme-accent-color); }


 * root {

--fandom-text-color: var(--theme-page-text-color); --fandom-text-color--rgb: var(--theme-page-text-color--rgb); --fandom-text-color--hover: var(--theme-accent-color--hover); --fandom-link-color: var(--theme-link-color); --fandom-link-color--hover: var(--theme-link-color--hover); --fandom-link-color--rgb: var(--theme-link-color--rgb); /* There is no variable for fadeout on wiki themes, so it's just set to the page colour. */	--fandom-link-color--fadeout: var(--theme-page-background-color); --fandom-accent-color: var(--theme-accent-color); --fandom-accent-color--hover: var(--theme-accent-color--hover); --fandom-accent-label-color: var(--theme-accent-label-color); --fandom-border-color: var(--theme-border-color); --fandom-secondary-button-color: var(--theme-accent-color); --fandom-secondary-button-color--hover: var(--fandom-accent-color--hover); --fandom-dropdown-background-color: var(--theme-page-background-color); --fandom-notifications-background-color: var(--theme-page-background-color); --fandom-notifications-read-card-background-color: var(--theme-page-background-color); --fandom-notifications-unread-card-background-color: var(--theme-page-background-color--secondary); --fandom-notifications-footer-text-color: var(--theme-page-text-color); --fandom-banner-notification-background-color: var(--theme-page-background-color); --fandom-banner-notifications-close-icon: var(--theme-page-text-color); }