danvics/debrid-services-comparison
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: streamline dark mode functionality and improve script loading

Browse source
This commit is contained in:
fynks 2025-01-19 20:02:05 +05:00
parent 2fc70a794b
commit 98ae7d6e9c
3 changed files with 6 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/app-min.js vendored
View file

File diff suppressed because one or more lines are too long

17
docs/app.js
View file

@ -208,20 +208,3 @@ document.addEventListener('DOMContentLoaded', async () => {
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);
});
});

6
docs/index.html
View file

@ -9,6 +9,7 @@
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<title>Debrid Services Comparison</title>
<link rel="stylesheet" href="styles-min.css">
<script src="app-min.js" defer></script>
<meta name="description"
content="A comparison of available hosts and pricing for AllDebrid, Real-Debrid, LinkSnappy, Premiumize, Debrid-Link, TorBox and Mega-Debrid.">
<meta name="keywords"
@ -232,7 +233,10 @@
<p><a href="https://github.com/fynks/debrid-services-comparison">Source</a> | Made with ❤️ by Fynks</p>
</div>
</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>
</html>