Help:Customizing Monaco

How to customize the Monaco skin. For skin features, see Help:Monaco skin features.

See also Help:Examples of customized Monaco skins.

Upload a Logo
Step 1 of customizing should be to upload a logo. See Help:Logo for details on how to do this.

Customize the Navigation
Wikia's Monaco skin has a robust navigation that can be fully customized. The navigation is broken into two sections: the Main Navigation, which is multi-level, and the two-column Link Toolbox below it.


 * For admins - you can set the default navigation seen by everyone by editing a few MediaWiki namespace articles.
 * For users - you can set a custom navigation for yourself only by editing a few User sub-pages.

For information on how to change the upper part of the menu, see Help:Customizing Monaco/navigation's Menu section

For information on how to change the toolbox below the menu, see Help:Customizing Monaco/navigation's Toolbox section 

Pre-built color customization
We have provided some pre-built options for changing the color scheme for Monaco. Anyone can go to their preferences, click on the skins tab, and select one of the pre-built color schemes for Monaco. In addition, admins can change the default color scheme displayed to all users in the "Admin Options" section at the bottom of Preferences &gt; Skins (this section only shows up if you are an admin for that particular wiki, see Help:Skin chooser for details).

Find out more on Help:Customizing Monaco/Theme colors.

Custom color customization
To create a custom theme to display as the default for all users, select "Monaco Custom" in the admin options and edit MediaWiki:Monaco.css to specify your custom CSS. The easiest change is to specify a new color for the "color1" and "color2" classes. Just by changing these two classes, your wiki will take on a look of its own. You can also change "accent" and "neutral" to customize aspects of the site extra colors for highlighted areas.

 .color1 { background-color: Green; color:           White; } .color1 a { color:           White; } .color2 { background-color: 	LightGoldenRodYellow; } .accent { background-color: PaleGreen; /*a tint of .color1*/ border-color: Green; /*same as .color1's background*/ color: Black; /*text color that looks appropriate on the background-color*/ } .neutral { background-color: #EEEEEE; /*a color that offsets slightly from the main article background color*/ border-color: #AAAAAA; /*a border color that looks good*/ color: #000000; /*text color that looks appropriate on the background-color*/ }  A full CSS customization guide can be found below. 

Full Customization Guide
Many aspects of the Monaco skin can be customized in very small ways. You can do as many, or as few of these as you would like.

You can view the very detailed, very in depth guide on most things you can change at Help:Customizing Monaco/skin

Creating a dark skin
Creating a skin with light text on a dark background is more involved than the tweaks listed above. You can find out more on Help:Customizing Monaco/Dark skin.

Advanced information

 * Help:Customizing Monaco/Header image colors
 * Help:Customizing Monaco/Theme colors
 * Help:Customizing Monaco/Dark skin
 * Help:Widgets

General Monaco information

 * Help:Monaco skin features
 * Help:Examples of customized Monaco skins
 * Category:Monaco skin

nl:Help:Monaco personaliseren de:Hilfe:Anpassung des Monaco-Skins es:Ayuda:Personalizar la piel Monaco ja:Help:Monacoスキンのカスタマイズ