Eve-Project/app-angular/src/modules/dark-light/theme.service.ts

import {Injectable, Renderer2, RendererFactory2} from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class ThemeService {
  private renderer: Renderer2;

  constructor(private rendererFactory: RendererFactory2) {
    this.renderer = this.rendererFactory.createRenderer(null, null);
  }

  toggleTheme(isDark: boolean): void {
    const element = document.querySelector('.inner-content');
    const suitCompany = document.querySelector('.container');
    const suitBox = document.querySelectorAll('.ant-card');

    element?.classList.toggle('dark-theme', !isDark);
    suitCompany?.classList.toggle('dark-theme', !isDark);
    suitBox.forEach(element => {
      element?.classList.toggle('suit-box', !isDark);
    });
  }

}