Extension:Theme

• Download and move the extracted Theme folder to your extensions/ directory.
  Developers and code contributors should install the extension from Git instead, using:cd extensions/
git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/Theme
• Add the following code at the bottom of your LocalSettings.php file:

  wfLoadExtension( 'Theme' );
  

•   Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

• $wgDefaultTheme controls which theme is displayed by default when users visit your wiki.
• $wgSkipThemes (available from extension version 2.5, July 2024) allows sysadmins to disable certain themes. If you wanted to disable the StellarBook MonoBook and dark Vector themes, for example, you'd set it like so:

$wgSkipThemes = [
	'monobook' => [
		'stellarbook' => true
	],
	'vector' => [
		'dark' => true
	]
];

Certain skins, like Bouquet, Dusk or Gamepress include themes as a part of the skin; themes can then be activated once the Theme extension is installed on your wiki.

Other skins, primarily those maintained by Wikimedia Foundation developers for use on Wikimedia Foundation websites like Wikipedia etc., do not include themes; instead their themes are located as a part of the Theme extension. Currently these kind of skins include MonoBook and Vector.

For MonoBook

• dark
• pink
• stellarbook

For Vector (2010)

• dark
• dark-grey
• deepsea (removed for MW 1.39+ in 06bbbfd597df7b63206f7eaf95a120a42583d03d)

Bouquet

• forgetmenot
• pinkdogwood
• tigerlily

Dusk

• green

Gamepress

• red (default)
• blue
• green
• orange

To add a new theme for a core skin (such as Modern or Vector), create a directory called skinname (i.e. vector) under $IP /extensions/Theme, place the CSS file(s) there and register the new theme in Theme/extension.json file, under ResourceModules object.

To add a new theme for a custom skin, register a module for each theme in the skin's main setup file (skin.json). The naming convention is themeloader.skins.skinname-in-lowercase.themename-in-lowercase; for example, the module name of the AutumnLeaf theme for the BlueCloud skin would be themeloader.skins.bluecloud.autumnleaf.

You also need to define a top-level key called ThemeModules to list the available theme names. Here's how Gamepress does that (see Gamepress' skin.json file's master version for details):

	"ThemeModules": {
		"gamepress": [ "blue", "green", "orange" ]
	},