1,813
edits
MediaWiki:Gadget-DarkToggle.js: Difference between revisions
m
no edit summary
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
// Toggle a dark theme for supported skins | // Toggle a dark theme for supported skins | ||
function setCookie(c_name, value, expiredays) { | function setCookie(c_name, value, expiredays) { | ||
| Line 31: | Line 30: | ||
$('body').removeClass('light'); | $('body').removeClass('light'); | ||
} else { | } else { | ||
$('body').removeClass('dark'); | |||
$('body').addClass('light'); | $('body').addClass('light'); | ||
} | } | ||
}); | }); | ||
| Line 39: | Line 38: | ||
var isDark = false; | var isDark = false; | ||
var toggleText = 'Dark mode'; | var toggleText = 'Dark mode'; | ||
var footerList = $(':is(#f-list, #footer-places)'); | |||
if (getCookie('darkTheme') == 'on' || window.matchMedia('(prefers-color-scheme: dark)').matches && getCookie('darkTheme') != 'off') { | if (getCookie('darkTheme') == 'on' || window.matchMedia('(prefers-color-scheme: dark)').matches && getCookie('darkTheme') != 'off') { | ||
toggleText = 'Light mode'; | toggleText = 'Light mode'; | ||
| Line 44: | Line 44: | ||
} | } | ||
if (mw.config.get('skin') == 'nimbus') | if (mw.config.get('skin') == 'nimbus') | ||
$('#wiki-login').prepend('<div id="toggleContainer" style="float:left;position:relative;right:5px;cursor:pointer"><img id="themeToggle" src="https://wiki.gallery/images/dark/moon/' + (isDark ? 'yellow' : 'white') + '.png" title="Toggle night theme"/></div>'); | $('#wiki-login').prepend('<div id="toggleContainer" style="float:left;position:relative;right:5px;cursor:pointer"><img id="themeToggle" src="https://wiki.gallery/images/dark/moon/' + (isDark ? 'yellow' : 'white') + '.png" title="Toggle night theme"/></div>'); | ||
| Line 64: | Line 63: | ||
setCookie('darkTheme', 'on', 999); | setCookie('darkTheme', 'on', 999); | ||
} | } | ||
if (mw.config.get('wgUserId') || location.href.includes('?')) | if (mw.config.get('wgUserId') || location.href.includes('?')) | ||
location.reload(); | location.reload(); | ||