Fandom Developers Wiki
Advertisement

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

Text above can be found here (edit)
Advertisement