Theme switcher

This commit is contained in:
MagicBOTAlex 2025-04-06 06:07:17 +02:00
parent 162158340b
commit e3f43f86f1
2 changed files with 30 additions and 5 deletions

View file

@ -12,16 +12,19 @@
%sveltekit.head%
<script>
let theme = null;
if (typeof localStorage !== 'undefined') {
theme = localStorage.getItem('theme');
}
const themesArr = ["green", "netherrack", "dark", "pink"];
}
window.AvailableThemes = ["green", "netherrack", "dark", "pink"];
if (!theme) {
const randomNumber = Math.floor(Math.random() * 4);
console.log("Slecting: " + themesArr[randomNumber]);
document.documentElement.setAttribute('data-theme', themesArr[randomNumber]);
localStorage.setItem('theme', themesArr[randomNumber]);
console.log("Slecting: " + AvailableThemes[randomNumber]);
document.documentElement.setAttribute('data-theme', AvailableThemes[randomNumber]);
localStorage.setItem('theme', AvailableThemes[randomNumber]);
} else {
console.log("Slecting: " + theme);
document.documentElement.setAttribute('data-theme', theme);