diff --git a/src/app/app.component.html b/src/app/app.component.html index a6988bd..1f214b8 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,9 +1,7 @@
- -
- +
diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 92f0a2a..30e95f9 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -1,15 +1,19 @@ @import '../styles'; +body { + overflow: hidden; + transition: background-color .3s ease-in-out, color .3s ease-in-out; +} + + body.light-theme { background-color: #ffffff; color: #000000; - /* Autres styles pour le thème clair */ } body.dark-theme { background-color: #333333; color: #ffffff; - /* Autres styles pour le thème sombre */ } .app { diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 3f94dc8..b3bc364 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -9,7 +9,7 @@ import { ThemeService } from './services/theme.service'; export class AppComponent implements OnInit { themeClass = 'light-theme'; - constructor(private themeService: ThemeService) {} + constructor(public themeService: ThemeService) {} ngOnInit() { this.themeService.isDarkTheme.subscribe((isDark) => { diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index 0d07bd0..bb52965 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -10,13 +10,11 @@
-