MediaWiki - Configure Theme - Revision history

Jeanknapp at 20:39, 19 October 2025

2025-10-19T20:39:20Z

← Older revision		Revision as of 20:39, 19 October 2025
Line 64:		Line 64:
	** recentchanges-url\|recentchanges		** recentchanges-url\|recentchanges
	</pre>		</pre>
			[[Category:Google Cloud]]
			[[Category:MediaWiki]]

Jeanknapp: /* MediaWiki:Common.css */

2025-10-19T20:21:53Z

MediaWiki:Common.css

← Older revision		Revision as of 20:21, 19 October 2025
Line 22:		Line 22:

	== MediaWiki:Common.css ==		== MediaWiki:Common.css ==

			=== Initial settings ===

	Open your browser and go to:<pre>		Open your browser and go to:<pre>
	https://your-domain.com/mediawiki/MediaWiki:Common.css		https://your-domain.com/mediawiki/MediaWiki:Common.css
	</pre>Click edit source and add the following styles:<pre>		</pre>Click edit source and add the following styles:<pre>
	~~body {~~
	~~background-color: #101418;~~
	}

	.mw-logo, .mw-logo:visited, .mw-logo:active, .mw-logo:hover {		.mw-logo, .mw-logo:visited, .mw-logo:active, .mw-logo:hover {
	color: #000000;		color: #000000;
Line 47:		Line 46:
	.vector-sticky-pinned-container::after {		.vector-sticky-pinned-container::after {
	background: none;		background: none;
			}
			</pre>

			=== Background color ===
			Add the following style:<pre>
			body {
			background-color: #101418;
	}		}
	</pre>		</pre>

Jeanknapp: /* MediaWiki:Common.css */

2025-10-19T20:20:52Z

MediaWiki:Common.css

← Older revision		Revision as of 20:20, 19 October 2025
Line 43:		Line 43:
	.mw-header, .mw-page-container, .vector-pinned-container {		.mw-header, .mw-page-container, .vector-pinned-container {
	background-color: #00000000 !important;		background-color: #00000000 !important;
			}

			.vector-sticky-pinned-container::after {
			background: none;
	}		}
	</pre>		</pre>

Jeanknapp: /* MediaWiki:Common.css */

2025-10-19T20:06:25Z

MediaWiki:Common.css

← Older revision		Revision as of 20:06, 19 October 2025
Line 39:		Line 39:
	.vector-main-menu-action-opt-out {		.vector-main-menu-action-opt-out {
	display: none;		display: none;
			}

			.mw-header, .mw-page-container, .vector-pinned-container {
			background-color: #00000000 !important;
	}		}
	</pre>		</pre>

Jeanknapp at 19:58, 19 October 2025

2025-10-19T19:58:49Z

← Older revision		Revision as of 19:58, 19 October 2025
Line 38:		Line 38:

	.vector-main-menu-action-opt-out {		.vector-main-menu-action-opt-out {
	display: none;		display: none;
	}		}
	</pre>		</pre>

Jeanknapp at 19:57, 19 October 2025

2025-10-19T19:57:58Z

@@ Line 19: / Line 19: @@
 $wgDefaultUserOptions['vector-toc-pinned'] = 1;
 $wgDefaultUserOptions['vector-appearance-pinned'] = 0;
 </pre>

Jeanknapp: Created page with "== 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'; 
2025-10-19T19:54:11Z
Created page with "== 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:<pre>$wgDefaultSkin = "vector-2022"; $wgVectorNightMode['beta'] = true; $wgVectorNightMode['logged_out'] = true; $wgVectorNightMode['logged_in'] = true;</pre>  === Enable Dark Mode === Set the following command:<pre> $wgDefaultUserOptions['vector-theme'] = 'night'; </pr..."
New page
== 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:<pre>$wgDefaultSkin = "vector-2022";

$wgVectorNightMode['beta'] = true;

$wgVectorNightMode['logged_out'] = true;

$wgVectorNightMode['logged_in'] = true;</pre>



=== Enable Dark Mode ===

Set the following command:<pre>

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

</pre>



=== Hide useless panels ===

Set the following commands:<pre>

$wgDefaultUserOptions['vector-main-menu-pinned'] = 1;

$wgDefaultUserOptions['vector-page-tools-pinned'] = 0;

$wgDefaultUserOptions['vector-toc-pinned'] = 1;

$wgDefaultUserOptions['vector-appearance-pinned'] = 0;

</pre>