diff --git a/src/theme/_theme.scss b/src/theme/_theme.scss
index b960620909c641d4e2abb914cdb484ef92b07148..31b6fa93216c0f5c2e4059e41319086453df614b 100644
--- a/src/theme/_theme.scss
+++ b/src/theme/_theme.scss
@@ -1,3 +1,5 @@
+@import '~@angular/material/theming';
+
 html, body {
   font-family: 'Roboto', 'Helvetica Neue', sans-serif;
   margin: 0;
@@ -8,3 +10,13 @@ html, body {
 
 @import '_util.scss';
 @import '_form.scss';
+
+.alternate-theme {
+  $alternate-primary: mat-palette($mat-light-green, 300);
+  $alternate-accent: mat-palette($mat-amber, 300);
+  $alternate-warn:  mat-palette($mat-deep-orange, 300);
+
+  $alternate-theme: mat-light-theme($alternate-primary, $alternate-accent, $alternate-warn);
+
+  @include angular-material-theme($alternate-theme);
+}