MediaWiki - Configure Theme

LocalSettings.php

Download LocalSettings.php, apply the changes below and reupload it to the root folder of the Wiki.

Enable the modern version of the Vector skin

Set the following commands:

$wgDefaultSkin = "vector-2022";
$wgVectorNightMode['beta'] = true;
$wgVectorNightMode['logged_out'] = true;
$wgVectorNightMode['logged_in'] = true;

Enable Dark Mode

Set the following command:

$wgDefaultUserOptions['vector-theme'] = 'night';

Hide useless panels

Set the following commands:

$wgDefaultUserOptions['vector-main-menu-pinned'] = 1;
$wgDefaultUserOptions['vector-page-tools-pinned'] = 0;
$wgDefaultUserOptions['vector-toc-pinned'] = 1;
$wgDefaultUserOptions['vector-appearance-pinned'] = 0;

MediaWiki:Common.css

Open your browser and go to:

https://your-domain.com/mediawiki/MediaWiki:Common.css

Click edit source and add the following styles:

body {
	background-color: #101418;
}
.mw-logo, .mw-logo:visited, .mw-logo:active, .mw-logo:hover {
	color: #000000;
}
.mw-logo-icon {
	display: none;
}
.vector-main-menu-action-opt-out {
	display: none;
}
.mw-header, .mw-page-container, .vector-pinned-container {
	background-color: #00000000 !important;
}
.vector-sticky-pinned-container::after {
	background: none;
}

MediaWiki:Sidebar

Go to:

https://your-domain.com/mediawiki/MediaWiki:Sidebar

Keep only the following links:

navigation
mainpage|mainpage-description
recentchanges-url|recentchanges