fix: production deployment issues (JS classList, Alpine syntax, and WebSocket config)

This commit is contained in:
2025-12-23 05:52:46 +07:00
parent 500fead8fa
commit 5cffa07ada
4 changed files with 37 additions and 15 deletions

View File

@@ -81,13 +81,22 @@
const savedTheme = localStorage.getItem('theme');
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
const theme = savedTheme || systemTheme;
// Add to html immediately (works in <head>)
if (theme === 'dark') {
document.documentElement.classList.add('dark');
document.body.classList.add('dark', 'bg-gray-900');
} else {
document.documentElement.classList.remove('dark');
document.body.classList.remove('dark', 'bg-gray-900');
}
// Add to body after it's available
document.addEventListener('DOMContentLoaded', () => {
if (theme === 'dark') {
document.body.classList.add('dark', 'bg-gray-900');
} else {
document.body.classList.remove('dark', 'bg-gray-900');
}
});
})();
</script>