Ajout de composants Hero Wars

src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, AfterContentInit } from '@angular/core';
 import { MAT_DATE_LOCALE, MAT_DATE_FORMATS, provideNativeDateAdapter } from '@angular/material/core';
 import { Title } from '@angular/platform-browser';
 
@@ -31,8 +31,9 @@ export const MY_FORMATS = {
     templateUrl: './app.component.html',
     styleUrl: './app.component.scss'
 })
-export class AppComponent implements OnInit {
+export class AppComponent implements OnInit, AfterContentInit {
     public title = 'Ad Astra';
+    public appClass = 'grayscale';
 
     constructor(private userService: UserService, private titleService: Title) { }
 
@@ -40,4 +41,8 @@ export class AppComponent implements OnInit {
         this.userService.populate();
         this.titleService.setTitle(this.title);
     }
+
+    ngAfterContentInit() {
+        this.appClass = 'colored';
+    }
 }