Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2025-09-10 04:06: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

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

@ -42,9 +42,14 @@
{{define "component/ultraDarkTheme"}} {{define "component/ultraDarkTheme"}}
<script> <script>
const uthemeToggle = document.getElementById('ultra-dark-theme');
const isUltraDarkThemeEnabled = localStorage.getItem('isUltraDarkThemeEnabled') === 'true'; const isUltraDarkThemeEnabled = localStorage.getItem('isUltraDarkThemeEnabled') === 'true';
document.addEventListener('DOMContentLoaded', function () {
const uthemeToggle = document.getElementById('ultradarktheme');
if (uthemeToggle) {
uthemeToggle.checked = isUltraDarkThemeEnabled; uthemeToggle.checked = isUltraDarkThemeEnabled;
function ultraToggleTheme() { function ultraToggleTheme() {
if (uthemeToggle.checked) { if (uthemeToggle.checked) {
document.documentElement.setAttribute('data-theme', 'ultra-dark'); document.documentElement.setAttribute('data-theme', 'ultra-dark');
@ -54,7 +59,12 @@
localStorage.setItem('isUltraDarkThemeEnabled', 'false'); localStorage.setItem('isUltraDarkThemeEnabled', 'false');
} }
} }
uthemeToggle.addEventListener('change', ultraToggleTheme); uthemeToggle.addEventListener('change', ultraToggleTheme);
ultraToggleTheme(); ultraToggleTheme();
</script> } else {
console.error("Element with ID 'ultradarktheme' not found.");
}
});
</script>
{{end}} {{end}}