mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2025-09-09 11:46:18 +00:00
Update themeSwitch.html
This commit is contained in:
parent
e3b1cc2e23
commit
876d99213f
1 changed files with 20 additions and 1 deletions
|
@ -38,4 +38,23 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
|
||||||
|
{{define "component/ultraDarkTheme"}}
|
||||||
|
<script>
|
||||||
|
const uthemeToggle = document.getElementById('ultra-dark-theme');
|
||||||
|
const isUltraDarkThemeEnabled = localStorage.getItem('isUltraDarkThemeEnabled') === 'true';
|
||||||
|
uthemeToggle.checked = isUltraDarkThemeEnabled;
|
||||||
|
function ultraToggleTheme() {
|
||||||
|
if (uthemeToggle.checked) {
|
||||||
|
document.documentElement.setAttribute('data-theme', 'ultra-dark');
|
||||||
|
localStorage.setItem('isUltraDarkThemeEnabled', 'true');
|
||||||
|
} else {
|
||||||
|
document.documentElement.removeAttribute('data-theme');
|
||||||
|
localStorage.setItem('isUltraDarkThemeEnabled', 'false');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
uthemeToggle.addEventListener('change', ultraToggleTheme);
|
||||||
|
ultraToggleTheme();
|
||||||
|
</script>
|
||||||
|
{{end}}
|
||||||
|
|
Loading…
Reference in a new issue