ben7sys/web7sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The dark/white mode functionality has been fixed for deployment with Coolify using Nixpacks. The improvements include:

Browse Source 
Early theme initialization to prevent flashing
Proper component and script loading order
Enhanced error handling and fallbacks
Better theme state persistence
System theme preference detection
The theme system will now work correctly in the production environment when deployed through Coolify with Nixpacks build pack.
This commit is contained in:
ben7sys
2024-11-15 10:15:18 +01:00
parent 263d2a88d6
commit 934aac41dc
19 changed files with 1197 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/index.html
View File

@@ -16,8 +16,6 @@
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/components.js" defer></script>
<script src="js/theme.js" defer></script>
</head>
<body>
<main>
@@ -73,5 +71,16 @@
</section>
</div>
</main>
<!-- Load scripts at the end of body -->
<script src="js/components.js"></script>
<script>
// Initialize theme only after components are loaded
document.addEventListener('componentsLoaded', function() {
const themeScript = document.createElement('script');
themeScript.src = 'js/theme.js';
document.body.appendChild(themeScript);
});
</script>
</body>
</html>