MediaWiki:Common.js - Revision history

Buffy at 00:29, 16 April 2025

2025-04-16T00:29:47Z

← Older revision		Revision as of 00:29, 16 April 2025
Line 45:		Line 45:
	} );		} );
	} );		} );

			// --- Start: Random Background Image ---
			var randomBackgrounds = [
			'https://cdnb.artstation.com/p/assets/images/images/067/057/459/large/jordan-grimmer-thhfgh.jpg',
			'https://cdna.artstation.com/p/assets/images/images/080/057/226/large/jordan-grimmer-jordan-grimmer-fdoigjhfdigdg.jpg',
			'https://cdnb.artstation.com/p/assets/images/images/046/925/487/large/johannes-bohm-bh-scr-annouce-batch1-redlight-3840x2160px-copy.jpg'
			];

			// Choose a random index from the array
			var randomIndex = Math.floor(Math.random() * randomBackgrounds.length);
			var chosenImageUrl = randomBackgrounds[randomIndex];

			// Apply the chosen image to the <body> background
			if (chosenImageUrl) {
			document.body.style.backgroundImage = 'url("' + chosenImageUrl + '")';

			// --- Optional: Add styles for better background appearance ---
			document.body.style.backgroundSize = 'cover'; // Stretches/shrinks image to cover the whole background
			document.body.style.backgroundRepeat = 'no-repeat'; // Prevents the image from tiling
			document.body.style.backgroundPosition = 'center center'; // Centers the image
			document.body.style.backgroundAttachment = 'fixed'; // Makes the background stay fixed when scrolling (remove if you don't like this effect)
			// --- End Optional Styles ---

			// Log to console for debugging (visible in browser's F12 tools)
			console.log('Set random background:', chosenImageUrl);
			}

			// --- End: Random Background Image ---

Buffy at 00:11, 16 April 2025

2025-04-16T00:11:19Z

@@ Line 2: / Line 2: @@
    $( function() { // Document ready shorthand
        var classList = document.documentElement.classList;
-       // Add the desired dark theme class
+       // --- Force Dark Mode ---
-       // Remove potentially conflicting classes added by the skin
+       // Remove potentially conflicting light mode classes
-       classList.remove( 'vector-feature-night-mode-disabled' );
+       if (classList.contains('vector-theme-light')) {
-       classList.remove( 'skin-theme-clientpref-day' );
+          classList.remove('vector-theme-light');
-      // Just in case, also remove the opposite preference class if present
+          appliedTheme = true;
-      classList.remove( 'skin-theme-clientpref-night' );
    } );
 } );

Buffy at 00:09, 16 April 2025

2025-04-16T00:09:09Z

← Older revision		Revision as of 00:09, 16 April 2025
Line 1:		Line 1:
	~~// Wait for jQuery and document ready state~~
	mw.loader.using( 'jquery' ).then( function () {		mw.loader.using( 'jquery' ).then( function () {
	$( function() { // Document ready shorthand		$( function() { // Document ready shorthand

Buffy at 00:08, 16 April 2025

2025-04-16T00:08:56Z

← Older revision		Revision as of 00:08, 16 April 2025
Line 1:		Line 1:
			// Wait for jQuery and document ready state
	mw.loader.using( 'jquery' ).then( function () {		mw.loader.using( 'jquery' ).then( function () {
	$( function() { // Document ready shorthand		$( function() { // Document ready shorthand
	// Add the class ~~to the HTML element~~		var classList = document.documentElement.classList;
	~~document.documentElement.~~classList.add( 'vector-theme-dark' );
	// ~~Optional: Log to console to confirm execution~~		// Add the desired dark theme class
	console.log( '~~Attempted to apply~~ dark theme via Common.js' );		classList.add( 'vector-theme-dark' );

			// Remove potentially conflicting classes added by the skin
			classList.remove( 'vector-feature-night-mode-disabled' );
			classList.remove( 'skin-theme-clientpref-day' );
			// Just in case, also remove the opposite preference class if present
			classList.remove( 'skin-theme-clientpref-night' );


			console.log( 'Applied dark theme and removed conflicting classes via Common.js' );
	} );		} );
	} );		} );

Buffy at 00:06, 16 April 2025

2025-04-16T00:06:41Z

← Older revision		Revision as of 00:06, 16 April 2025
Line 1:		Line 1:
	mw.loader.using( 'jquery' ).then( function () {		mw.loader.using( 'jquery' ).then( function () {
	$( function() { // Document ready shorthand		$( function() { // Document ready shorthand
			// Add the class to the HTML element
	document.documentElement.classList.add( 'vector-theme-dark' );		document.documentElement.classList.add( 'vector-theme-dark' );
			// Optional: Log to console to confirm execution
			console.log( 'Attempted to apply dark theme via Common.js' );
	} );		} );
	} );		} );

Buffy at 00:04, 16 April 2025

2025-04-16T00:04:08Z

← Older revision		Revision as of 00:04, 16 April 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. *
	mw.loader.using( 'jquery' ).then( function () {		mw.loader.using( 'jquery' ).then( function () {
	$( function() { // Document ready shorthand		$( function() { // Document ready shorthand

Buffy at 00:03, 16 April 2025

2025-04-16T00:03:46Z

← Older revision		Revision as of 00:03, 16 April 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. *
	/**		mw.loader.using( 'jquery' ).then( function () {
	* Force Vector-2022 dark theme site-wide		$( function() { // Document ready shorthand
	*/		document.documentElement.classList.add( 'vector-theme-dark' );
	( function () {		} );
	~~// Add the class 'vector-theme-dark' to the root <html> element~~		} );
	// ~~This triggers Vector-2022's built-in dark mode CSS rules.~~
	document.documentElement.classList.add( 'vector-theme-dark' );
	} () );

Buffy: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ /** * Force Vector-2022 dark theme site-wide */ ( function () { // Add the class 'vector-theme-dark' to the root element // This triggers Vector-2022's built-in dark mode CSS rules. document.documentElement.classList.add( 'vector-theme-dark' ); } () );"

2025-04-15T23:58:59Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: * * Force Vector-2022 dark theme site-wide: ( function () { // Add the class 'vector-theme-dark' to the root <html> element // This triggers Vector-2022's built-in dark mode CSS rules. document.documentElement.classList.add( 'vector-theme-dark' ); } () );"

New page

/* Any JavaScript here will be loaded for all users on every page load. */
/**
* Force Vector-2022 dark theme site-wide
*/
( function () {
// Add the class 'vector-theme-dark' to the root <html> element
// This triggers Vector-2022's built-in dark mode CSS rules.
document.documentElement.classList.add( 'vector-theme-dark' );
} () );