35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
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');
|
|
}
|
|
}
|
|
} |