This script/stylesheet is for PERSONAL use only!
You are free to install this script/stylesheet for yourself, but it is not allowed to be used wiki-wide (e.g., in MediaWiki:ImportJS, MediaWiki:Common.js, MediaWiki:Common.css, MediaWiki:Fandomdesktop.js, MediaWiki:Fandomdesktop.css, or MediaWiki:FandomMobile.css), as it would violate Fandom's Terms of Use.
(See the customization policy)
Ivory is a minimalistic light-pink and white theme for Fandom's global navigation. It is based on a color palette inspired by IvoryCello, a minecraft YouTuber.
Installation
Customization
You can customize the theme by changing the CSS variables prefixed with --ivory- on the :root element.
:root {
/* background of global nav buttons when hovered over */
--ivory-accent: #FF73A9;
/* color of mark all as read and current notifications tab header */
--ivory-accent-secondary: #BF082C;
/* color of highlight when hovering over a link in a dropdown */
--ivory-accent-dark: #FF73A6;
/* color of notifications dot and background to the count */
--ivory-notification: #F57898;
/* color of most text */
--ivory-text-color: #F00;
/* color of other tab header in notifications */
--ivory-text-color-muted: #C00;
/* background color of new notifications */
--ivory-background-primary: #FF8AC4;
/* Main background color of navbar */
--ivory-background-secondary: #FCD4E4;
/* background of dropdowns in navbar */
--ivory-background-tertiary: #FF87B9;
/* background of glabal nav buttons when not hovered over */
--ivory-background-accent: #FF7AA2;
/* color of flame in fandom logo */
--ivory-logomark: #FF21CB;
/* color of heart in fandom logo */
--ivory-logomark--secondary: #FF0051;
}
Color scheme
- Primary
#FCD4E4for main background of navbar$ivory-background-secondary - Nav Buttons
#FF7AA2for default background of nav buttons$ivory-background-accent - Accent
#F00for color of most text and icons$ivory-text-color - Secondary
#FF8AC4for background of unread notifications$ivory-background-primary - Tertiary
#FF87B9for background of dropdowns in global navbar$ivory-background-tertiary - Highlight
#FF73A6for highlight of dropdown links when hovered over$ivory-accent-dark - Notifs
#F57898for color of notifications dot and background to the count$ivory-notification - Flame
#FF21CBfor color of flame in Fandom logo$ivory-logomark - Heart
#FF0051for color of heart in Fandom logo$ivory-logomark--secondary - Accent (secondary)
#FF73A9for background of global nav buttons when hovered over$ivory-accent - Accent (tertiary)
#BF082Cfor color of mark all as read and current notifications tab header$ivory-accent-secondary - Accent (quaternary)
#C00for color of other tab header in notifications$ivory-text-color-muted
See also
- BlackDiscussions - A midnight theme for Discussions
- DiscordTheme - Styling to resemble Discord
- GamepediaTheme - Stylises global navigation to look like the old Gamepedia website
- GlobalNavDarkTheme - A dark gray theme for the global navigation
- Katsuragi - Adds a dark purple theme to the global navigation
Text above can be found here (edit)