styles

src/app/shared/components/layout/theme-switcher/theme-switcher.component.ts

@@ -0,0 +1,35 @@
+import { Component, Renderer2, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms'; // FormsModule importieren
+import { SlideToggleComponent } from '../../form/slide-toggle/slide-toggle.component';
+
+@Component({
+  selector: 'app-theme-switcher',
+  standalone: true,
+  imports: [
+    CommonModule, 
+    SlideToggleComponent,
+    FormsModule // <-- HIER IST DIE KORREKTUR
+  ],
+  templateUrl: './theme-switcher.component.html',
+  styleUrl: './theme-switcher.component.css'
+})
+export class ThemeSwitcherComponent implements OnInit {
+  isDarkMode = false;
+
+  constructor(private renderer: Renderer2) {}
+
+  ngOnInit(): void {
+    // Hier könnte man den Zustand aus dem localStorage laden
+  }
+
+  // Die Methode akzeptiert jetzt direkt den neuen boolean-Wert
+  toggleTheme(isDarkMode: boolean): void {
+    this.isDarkMode = isDarkMode;
+    if (this.isDarkMode) {
+      this.renderer.addClass(document.body, 'dark-theme');
+    } else {
+      this.renderer.removeClass(document.body, 'dark-theme');
+    }
+  }
+}