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

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.

public-pre/components/header.html

@@ -0,0 +1,22 @@
+<header>
+    <div class="header-content">
+        <div class="logo-container">
+            <div class="logo-text">
+                <span>7</span><span>S</span><span>Y</span><span>S</span>
+            </div>
+        </div>
+        
+        <nav class="nav-menu">
+            <a href="#intro">Start</a>
+            <a href="#services">Expertise</a>
+            <a href="#contact">Kontakt</a>
+            <button class="theme-toggle" aria-label="Theme Toggle">
+                <i class="fas fa-moon"></i>
+            </button>
+        </nav>
+        
+        <button class="mobile-menu-toggle" aria-label="Toggle Menu">
+            <i class="fas fa-bars"></i>
+        </button>
+    </div>
+</header>