Thème Angular material personnalisé

angular.json

@@ -28,7 +28,8 @@
               "node_modules/font-awesome/scss/font-awesome.scss",
               "node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
               "node_modules/angular-bootstrap-md/scss/mdb-free.scss",
-              "src/styles.scss"
+              "src/styles.scss",
+              "src/theme.scss"
             ],
             "scripts": []
           },
@@ -82,7 +83,8 @@
               "node_modules/font-awesome/scss/font-awesome.scss",
               "node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
               "node_modules/angular-bootstrap-md/scss/mdb-free.scss",
-              "src/styles.scss"
+              "src/styles.scss",
+              "src/theme.scss"
             ],
             "assets": [
               "src/assets",

src/theme.scss

+@import '~@angular/material/theming';
+@include mat-core();
+
+$nghyd-primary: mat-palette($mat-indigo);
+$nghyd-accent:  mat-palette($mat-lime);
+// $nghyd-accent:  mat-palette($mat-teal, 500, 900, A100);
+$nghyd-warn:    mat-palette($mat-deep-orange);
+
+$nghyd-theme: mat-light-theme($nghyd-primary, $nghyd-accent, $nghyd-warn);
+
+@include angular-material-theme($nghyd-theme);