MediaWiki:Gadget-darkmode.js - Versijų istorija

M0dii 11:13, 6 kovo 2026

2026-03-06T11:13:09Z

← Ankstesnė versija		14:13, 6 kovo 2026 versija
1 eilutė:		1 eilutė:
	(function() {		(function() {
	var isDark = document.cookie.includes('theme=~~dark~~');		var isDark = !document.cookie.includes('theme=light');
	if (isDark) {		if (isDark) {
	document.documentElement.classList.add('wgl-theme-dark', 'wgl-darkmode');		document.documentElement.classList.add('wgl-theme-dark', 'wgl-darkmode');
11 eilutė:		11 eilutė:
	var DARK_COOKIE = 'darkmode',		var DARK_COOKIE = 'darkmode',
	THEME_COOKIE = 'theme',		THEME_COOKIE = 'theme',
	isUsingDarkmode = $.cookie(THEME_COOKIE) ~~=== 'dark' \|\| ($.cookie(THEME_COOKIE) == null && $.cookie(DARK_COOKIE) =~~== '~~true~~'),		isUsingDarkmode = $.cookie(THEME_COOKIE) !== 'light',
	isMobile = mw.config.get('wgMFMode') !== null,		isMobile = mw.config.get('wgMFMode') !== null,
	portletLink;		portletLink;

M0dii 06:32, 14 balandžio 2025

2025-04-14T06:32:51Z

← Ankstesnė versija		09:32, 14 balandžio 2025 versija
24 eilutė:		24 eilutė:
	(isMobile ? 'p-navigation' : 'p-personal'),		(isMobile ? 'p-navigation' : 'p-personal'),
	'#', // Use '#' to prevent redirection		'#', // Use '#' to prevent redirection
	(~~isMobile ? 'Toggle dark mode' : '🌓 '~~),		self.getToggleIcon(isUsingDarkmode), // Set initial icon based on current state
	'pt-dm-toggle',		'pt-dm-toggle',
	'Toggle dark mode',		'Toggle dark mode',
30 eilutė:		30 eilutė:
	$('#pt-userpage, #pt-anonuserpage, #pt-createaccount')[0]		$('#pt-userpage, #pt-anonuserpage, #pt-createaccount')[0]
	);		);

			// Add pointer cursor style
			$(portletLink).css('cursor', 'pointer');

	// Toggle theme on link click		// Toggle theme on link click
41 eilutė:		44 eilutė:
	self.applyTheme(isUsingDarkmode);		self.applyTheme(isUsingDarkmode);

	// ~~Optional: update~~ link text		// Update link text with appropriate icon
	$(portletLink).~~text~~(isUsingDarkmode ~~? '🌙 ' : '☀️'~~);		$(portletLink).html(self.getToggleIcon(isUsingDarkmode));
	});		});
			},

			// Helper function to get the appropriate icon based on current theme
			getToggleIcon: function(isDark) {
			if (isMobile) {
			return 'Toggle dark mode';
			} else {
			return isDark ? '🌙 ' : '☀️ ';
			}
	},		},

M0dii: Anuoliuoti M0dii (aptarimas) versiją 1028

2025-04-14T06:30:59Z

Anuoliuoti M0dii (aptarimas) versiją 1028

Rodyti skirtumus

M0dii 06:30, 14 balandžio 2025

2025-04-14T06:30:16Z

Rodyti skirtumus

M0dii 06:14, 14 balandžio 2025

2025-04-14T06:14:31Z

← Ankstesnė versija		09:14, 14 balandžio 2025 versija
1 eilutė:		1 eilutė:
			(function() {
			var isDark = document.cookie.includes('theme=dark');
			if (isDark) {
			document.documentElement.classList.add('wgl-theme-dark', 'wgl-darkmode');
			} else {
			document.documentElement.classList.add('wgl-theme-light', 'wgl-lightmode');
			}
			})();

	(function($, mw) {		(function($, mw) {
	var DARK_COOKIE = 'darkmode',		var DARK_COOKIE = 'darkmode',

M0dii 20:27, 13 balandžio 2025

2025-04-13T20:27:31Z

← Ankstesnė versija		23:27, 13 balandžio 2025 versija
1 eilutė:		1 eilutė:
	(function($, mw) {		(function($, mw) {
	var DARK_COOKIE = 'darkmode',		var DARK_COOKIE = 'darkmode',
	THEME_COOKIE = 'theme',		THEME_COOKIE = 'theme',
	isUsingDarkmode = $.cookie(THEME_COOKIE) === 'dark' \|\| ($.cookie(THEME_COOKIE) == null && $.cookie(DARK_COOKIE) === 'true'),		isUsingDarkmode = $.cookie(THEME_COOKIE) === 'dark' \|\| ($.cookie(THEME_COOKIE) == null && $.cookie(DARK_COOKIE) === 'true'),
	isMobile = mw.config.get('wgMFMode') !== null,		isMobile = mw.config.get('wgMFMode') !== null,
	portletLink;		portletLink;

	var self = {		var self = {
	init: function() {		init: function() {
	// Apply the current theme on page load		// Apply the current theme on page load
	self.applyTheme(isUsingDarkmode);		self.applyTheme(isUsingDarkmode);

	// Create the dark mode toggle link		// Create the dark mode toggle link
	portletLink = mw.util.addPortletLink(		portletLink = mw.util.addPortletLink(
	(isMobile ? 'p-navigation' : 'p-personal'),		(isMobile ? 'p-navigation' : 'p-personal'),
	'#', // Use '#' to prevent redirection		'#', // Use '#' to prevent redirection
	(isMobile ? 'Toggle dark mode' : '🌓 '),		(isMobile ? 'Toggle dark mode' : '🌓 '),
	'pt-dm-toggle',		'pt-dm-toggle',
	'Toggle dark mode',		'Toggle dark mode',
	null,		null,
	$('#pt-userpage, #pt-anonuserpage, #pt-createaccount')[0]		$('#pt-userpage, #pt-anonuserpage, #pt-createaccount')[0]
	);		);

	// Toggle theme on link click		// Toggle theme on link click
	$(portletLink).click(function(e) {		$(portletLink).click(function(e) {
	e.preventDefault();		e.preventDefault();
	~~isUsingDarkmode = !isUsingDarkmode;~~
	~~$.cookie(THEME_COOKIE, isUsingDarkmode ? 'dark' : 'light', { expires: 365, path: '/' });~~
	~~$.cookie(DARK_COOKIE, isUsingDarkmode, { expires: 365, path: '/' });~~
	~~self.applyTheme(isUsingDarkmode);~~
	~~});~~
	},

	~~applyTheme: function(isDark) {~~		isUsingDarkmode = !isUsingDarkmode;
	~~if (isDark) {~~		$.cookie(THEME_COOKIE, isUsingDarkmode ? 'dark' : 'light', {expires: 365, path: '/'});
	$~~('body')~~.~~addClass~~('~~wgl-theme-~~dark ~~wgl-darkmode~~')		$.cookie(DARK_COOKIE, isUsingDarkmode, {expires: 365, path: '/'});
	~~.removeClass(~~'~~wgl-theme-~~light ~~wgl-lightmode~~');
	~~mw.hook(~~'~~wgl.themeChanged').fire('dark~~');
	~~} else {~~
	$~~('body')~~.~~addClass~~('~~wgl-theme-light wgl-lightmode')~~
	~~.removeClass('wgl-theme-dark wgl-darkmode');~~
	~~mw.hook('wgl.themeChanged~~')~~.fire('light');~~
	}
	}
	};

	// ~~Ensure jQuery is loaded before initializing~~		self.applyTheme(isUsingDarkmode);
	if (~~typeof~~ $ ~~!==~~ '~~undefined~~') {
	$(~~self~~.~~init~~);		// Optional: update link text
	} else {		$(portletLink).text(isUsingDarkmode ? '🌙 ' : '☀️');
	mw.~~loader~~.~~using~~(['~~jquery~~'~~], function(~~) {		});
	$(~~self~~.~~init~~);		},
	});
			applyTheme: function(isDark) {
			if (isDark) {
			$('body')
			.addClass('wgl-theme-dark wgl-darkmode')
			.removeClass('wgl-theme-light wgl-lightmode');
			mw.hook('wgl.themeChanged').fire('dark');
			} else {
			$('body')
			.addClass('wgl-theme-light wgl-lightmode')
			.removeClass('wgl-theme-dark wgl-darkmode');
			mw.hook('wgl.themeChanged').fire('light');
			}
			// Make the body visible after applying the theme
			$('body').css({visibility: 'visible', opacity: 1});
	}		}
			};

			// Ensure mediawiki.util is loaded before init
			mw.loader.using(['mediawiki.util'], function () {
			$(self.init);
			});

	})(jQuery, mediaWiki);		})(jQuery, mediaWiki);

M0dii 20:26, 13 balandžio 2025

2025-04-13T20:26:15Z

← Ankstesnė versija		23:26, 13 balandžio 2025 versija
1 eilutė:		1 eilutė:
	;(function($, mw){		(function($, mw) {
	var DARK_COOKIE = 'darkmode',		var DARK_COOKIE = 'darkmode',
	THEME_COOKIE = 'theme',		THEME_COOKIE = 'theme',
	isUsingDarkmode = $.cookie(THEME_COOKIE) === 'dark' \|\| ($.cookie(THEME_COOKIE) == null && $.cookie(DARK_COOKIE) === 'true'),		isUsingDarkmode = $.cookie(THEME_COOKIE) === 'dark' \|\| ($.cookie(THEME_COOKIE) == null && $.cookie(DARK_COOKIE) === 'true'),
	isMobile = mw.config.get('wgMFMode') !== null,		isMobile = mw.config.get('wgMFMode') !== null,
	portletLink;		portletLink;

	var self = {		var self = {
	init: function () {		init: function() {
	~~console~~.~~log~~(~~"Dark mode toggle initialized"~~);		// Apply the current theme on page load
			self.applyTheme(isUsingDarkmode);

	$.~~cookie~~(~~THEME_COOKIE~~, ~~isUsingDarkmode~~ ? 'dark' : '~~light~~', ~~{expires: 365~~, ~~path:~~ '/'});		// Create the dark mode toggle link
			portletLink = mw.util.addPortletLink(
			(isMobile ? 'p-navigation' : 'p-personal'),
			'#', // Use '#' to prevent redirection
			(isMobile ? 'Toggle dark mode' : '🌓 '),
			'pt-dm-toggle',
			'Toggle dark mode',
			null,
			$('#pt-userpage, #pt-anonuserpage, #pt-createaccount')[0]
			);

	portletLink ~~= mw~~.~~util.addPortletLink~~(		// Toggle theme on link click
	(~~isMobile ? 'p-navigation' : 'p-personal'~~),		$(portletLink).click(function(e) {
	~~'#', // use '#' so it doesn't redirect~~		e.preventDefault();
	(~~isMobile~~ ? '~~Toggle~~ dark ~~mode~~' : '🌓 '),		isUsingDarkmode = !isUsingDarkmode;
	~~'pt-dm-toggle'~~,		$.cookie(THEME_COOKIE, isUsingDarkmode ? 'dark' : 'light', { expires: 365, path: '/' });
	'~~Toggle dark mode~~',		$.cookie(DARK_COOKIE, isUsingDarkmode, { expires: 365, path: '/' });
	~~null,~~		self.applyTheme(isUsingDarkmode);
	$(~~'#pt-userpage~~, ~~#pt-anonuserpage~~, ~~#pt-createaccount~~')~~[0]~~		});
	);		},

	~~// If~~ mw.~~util~~.~~addPortletLink returns an <a> directly, don~~'~~t use~~ .~~find~~('a')		applyTheme: function(isDark) {
	$(~~portletLink~~).~~click~~(~~function~~(e) {		if (isDark) {
	e.~~preventDefault~~();		$('body').addClass('wgl-theme-dark wgl-darkmode')
			.removeClass('wgl-theme-light wgl-lightmode');
			mw.hook('wgl.themeChanged').fire('dark');
			} else {
			$('body').addClass('wgl-theme-light wgl-lightmode')
			.removeClass('wgl-theme-dark wgl-darkmode');
			mw.hook('wgl.themeChanged').fire('light');
			}
			}
			};

	~~isUsingDarkmode = !isUsingDarkmode;~~		// Ensure jQuery is loaded before initializing
	~~$.cookie(THEME_COOKIE, isUsingDarkmode ? 'dark' : 'light', {expires: 365, path: '~~/~~'});~~		if (typeof $ !== 'undefined') {
	~~$.cookie(DARK_COOKIE, isUsingDarkmode, {expires: 365, path: '~~/~~'});~~		$(self.init);
			} else {
	if (~~isUsingDarkmode) {~~		mw.loader.using(['jquery'], function() {
	$('~~body~~')		$(self.init);
	~~.addClass~~(~~'wgl-theme-dark wgl-darkmode')~~		});
	.~~removeClass('wgl-theme-light wgl-lightmode');~~		}
	~~mw.hook('wgl.themeChanged').fire('dark'~~);		})(jQuery, mediaWiki);
	} else {
	~~$('body')~~
	~~.addClass('wgl-theme-light wgl-lightmode')~~
	~~.removeClass('wgl-theme-dark wgl-darkmode');~~
	~~mw.hook('wgl.themeChanged').fire('light');~~
	}

	~~// Optional: update link text~~
	~~$(portletLink).text(isUsingDarkmode ? '🌙 ' : '☀️');~~
	~~});~~
	}
	};

	~~// Ensure mediawiki.util is loaded before init~~
	mw.loader.using(['~~mediawiki.util~~'], function () {
	$(self.init);
	});

	}(jQuery, mediaWiki));

M0dii 20:16, 13 balandžio 2025

2025-04-13T20:16:16Z

← Ankstesnė versija		23:16, 13 balandžio 2025 versija
31 eilutė:		31 eilutė:

	if (isUsingDarkmode) {		if (isUsingDarkmode) {
	~~mw.loader.using(['wgl.theme.dark']).then(function() {~~		$('body')
	$('body').addClass('wgl-theme-dark');		.addClass('wgl-theme-dark wgl-darkmode')
	~~$('body')~~.removeClass('wgl-theme-light');		.removeClass('wgl-theme-light wgl-lightmode');
	mw.hook('wgl.themeChanged').fire('dark');		mw.hook('wgl.themeChanged').fire('dark');
	});
	} else {		} else {
	$('body').addClass('wgl-theme-light');		$('body')
	~~$('body')~~.removeClass('wgl-theme-dark');		.addClass('wgl-theme-light wgl-lightmode')
	mw.hook('wgl.themeChanged').fire('light');		.removeClass('wgl-theme-dark wgl-darkmode');
			mw.hook('wgl.themeChanged').fire('light');
	}		}

M0dii 19:44, 13 balandžio 2025

2025-04-13T19:44:34Z

← Ankstesnė versija		22:44, 13 balandžio 2025 versija
43 eilutė:		43 eilutė:

	// Optional: update link text		// Optional: update link text
	$(portletLink).text(isUsingDarkmode ? '🌙 ~~Dark~~' : '☀️ ~~Light~~');		$(portletLink).text(isUsingDarkmode ? '🌙 ' : '☀️');
	});		});
	}		}

M0dii 19:44, 13 balandžio 2025

2025-04-13T19:44:09Z

← Ankstesnė versija		22:44, 13 balandžio 2025 versija
15 eilutė:		15 eilutė:
	(isMobile ? 'p-navigation' : 'p-personal'),		(isMobile ? 'p-navigation' : 'p-personal'),
	'#', // use '#' so it doesn't redirect		'#', // use '#' so it doesn't redirect
	(isMobile ? 'Toggle dark mode' : '🌓 ~~Toggle dark mode~~'),		(isMobile ? 'Toggle dark mode' : '🌓 '),
	'pt-dm-toggle',		'pt-dm-toggle',
	'Toggle dark mode',		'Toggle dark mode',