refactor: streamline dark mode functionality and improve script loading
This commit is contained in:
parent
2fc70a794b
commit
98ae7d6e9c
3 changed files with 6 additions and 19 deletions
2
docs/app-min.js
vendored
2
docs/app-min.js
vendored
File diff suppressed because one or more lines are too long
17
docs/app.js
17
docs/app.js
|
|
@ -208,20 +208,3 @@ document.addEventListener('DOMContentLoaded', async () => {
|
||||||
pricingManager.container.innerHTML = errorMessage;
|
pricingManager.container.innerHTML = errorMessage;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
|
||||||
const darkModeToggle = document.getElementById('darkModeToggle');
|
|
||||||
|
|
||||||
// Check for saved theme preference
|
|
||||||
const savedTheme = localStorage.getItem('theme');
|
|
||||||
if (savedTheme) {
|
|
||||||
document.documentElement.setAttribute('data-theme', savedTheme);
|
|
||||||
}
|
|
||||||
|
|
||||||
darkModeToggle.addEventListener('click', () => {
|
|
||||||
const currentTheme = document.documentElement.getAttribute('data-theme');
|
|
||||||
const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
|
|
||||||
|
|
||||||
document.documentElement.setAttribute('data-theme', newTheme);
|
|
||||||
localStorage.setItem('theme', newTheme);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -9,6 +9,7 @@
|
||||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||||
<title>Debrid Services Comparison</title>
|
<title>Debrid Services Comparison</title>
|
||||||
<link rel="stylesheet" href="styles-min.css">
|
<link rel="stylesheet" href="styles-min.css">
|
||||||
|
<script src="app-min.js" defer></script>
|
||||||
<meta name="description"
|
<meta name="description"
|
||||||
content="A comparison of available hosts and pricing for AllDebrid, Real-Debrid, LinkSnappy, Premiumize, Debrid-Link, TorBox and Mega-Debrid.">
|
content="A comparison of available hosts and pricing for AllDebrid, Real-Debrid, LinkSnappy, Premiumize, Debrid-Link, TorBox and Mega-Debrid.">
|
||||||
<meta name="keywords"
|
<meta name="keywords"
|
||||||
|
|
@ -232,7 +233,10 @@
|
||||||
<p><a href="https://github.com/fynks/debrid-services-comparison">Source</a> | Made with ❤️ by Fynks</p>
|
<p><a href="https://github.com/fynks/debrid-services-comparison">Source</a> | Made with ❤️ by Fynks</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<script src="app-min.js"></script>
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', ()=>{ const darkModeToggle=document.getElementById('darkModeToggle'); const savedTheme=localStorage.getItem('theme'); if (savedTheme){ document.documentElement.setAttribute('data-theme', savedTheme);} darkModeToggle.addEventListener('click', ()=>{ const currentTheme=document.documentElement.getAttribute('data-theme'); const newTheme=currentTheme==='dark' ? 'light' : 'dark'; document.documentElement.setAttribute('data-theme', newTheme); localStorage.setItem('theme', newTheme);});});
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in a new issue