diff --git a/angular.json b/angular.json
index 4e6cad46b39b62ba942391d9cbc54849611ca304..5b8492581590b1d1625492a227680d6b8f139355 100644
--- a/angular.json
+++ b/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",
diff --git a/src/theme.scss b/src/theme.scss
new file mode 100644
index 0000000000000000000000000000000000000000..26be9e3424ed49e787b38f9147705bce54a7ca13
--- /dev/null
+++ b/src/theme.scss
@@ -0,0 +1,11 @@
+@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);