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)

EmeraldGlobalNav is a minimalistic grey-green theme for Fandom's global navigation, places it in the upper right corner.

  • Also adds indents, and centering the search. Removes the link categories on the left (videos, games, etc.).
  • Fandom Desktop — makes the layout of the buttons vertical, squeezing the panel to three buttons.
    • Blur (theme by Dr.Bryan) — additionally makes blur theme.
    • You can specify your own colors using variables by placing them in your personal CSS next to the imported style.
  • Supported GlobalNavButtons.
  • The panel can be hidden (if JS is installed). When hovering over the panel, an arrow will appear at the top left.
    • Collapsing GlobalNavButtons icons is also supported.

Installation

Additionally for blur theme:

Available variables

:root {
	--navemerald1: #53bd6d; /* elements */
	--navemerald2: #282f3a; /* background */
	--navemerald3: #bdcbe2; /* links */
	--navemerald4: #a02525; /* notifications */
	--navemerald5: #414b58; /* border */
    
    /* choose 1 of 3 variables for navemeraldblur--rgb */
	--navemeraldblur--rgb: 250,250,250; /* for your color */
	--navemeraldblur--rgb: var(--theme-page-background-color--rgb);  /* for page color */
	--navemeraldblur--rgb: var(--theme-accent-color--rgb); /* for theme color */
    
	--navemeraldblur: 80px; /* your blur coef */
    --navemeraldbg--rgb: .5; /* your transparency coef */
}
Text above can be found here (edit)
Advertisement