Add theme switcher component with dark and light mode support

Extracted theme toggle functionality into a new `app-theme` component to improve modularity and reusability. Integrated theme settings with a service using cookies for persistence and introduced the `THEME_MODE` enum. Updated header component to utilize the new theme switcher and removed inline implementation.
2025-04-03 22:21:21 +02:00
parent e3c9fa2165
commit dbfe5b38ab
11 changed files with 214 additions and 92 deletions
@@ -126,12 +126,7 @@
            </ul>
          </li>
        </ul>
-        <div class="switch-div" style="z-index: 1;">
-          <label class="switch">
-            <input type="checkbox" onchange="toggleTheme()" id="slider">
-            <span class="slider round"></span>
-          </label>
-        </div>
+        <app-theme></app-theme>
      </div>
    </nav>