Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2025-09-09 11:46:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update themeSwitch.html

Browse source
This commit is contained in:
Tara Rostami 2024-02-25 15:08:51 +03:30 committed by GitHub
parent d4444f3b74
commit b9a3690852
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
web/html/xui/component/themeSwitch.html
View file

@ -42,19 +42,29 @@
{{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.addEventListener('DOMContentLoaded', function () {
const uthemeToggle = document.getElementById('ultradarktheme');
if (uthemeToggle) {
uthemeToggle.checked = isUltraDarkThemeEnabled;
function ultraToggleTheme() {
if (uthemeToggle.checked) {
document.documentElement.setAttribute('data-theme', 'ultra-dark');
localStorage.setItem('isUltraDarkThemeEnabled', 'true');
} else {
} else {
document.documentElement.removeAttribute('data-theme');
localStorage.setItem('isUltraDarkThemeEnabled', 'false');
}
}
}
uthemeToggle.addEventListener('change', ultraToggleTheme);
ultraToggleTheme();
</script>
uthemeToggle.addEventListener('change', ultraToggleTheme);
ultraToggleTheme();
} else {
console.error("Element with ID 'ultradarktheme' not found.");
}
});
</script>
{{end}}