gerp theme

src/app/settings/settings.component.ts

@@ -21,7 +21,8 @@ export class SettingsComponent implements OnInit {
   public theme: string;
   public themes: any[] = [ {'name':'Light','value':'strudel-light-theme'},
                    {'name': 'Dark','value':'strudel-dark-theme'},
-                   {'name': 'MLeRP','value':'strudel-mlerp-theme'}
+                   {'name': 'MLeRP','value':'strudel-mlerp-theme'},
+                   {'name': 'GeRP','value':'strudel-gerp-theme'}
   ]
   public apiservers: any[]
   public selectedVal: string;

src/styles.scss

@@ -266,3 +266,55 @@ $custom-typography: mat.define-typography-config(
     }
 
 }
+.strudel-gerp-theme {
+// Define an alternate gerp theme.
+//$gerp-primary: mat-palette($mat-blue-grey);
+  $gerp-primary: mat.define-palette(mat.$purple-palette);
+  $gerp-accent:  mat.define-palette(mat.$green-palette, A200, A100, A400);
+  $gerp-warn:    mat.define-palette(mat.$lime-palette);
+  $gerp-theme:   mat.define-light-theme($gerp-primary, $gerp-accent, $gerp-warn);
+//  @include mat-base-typography($custom-typography);
+  @include mat.all-component-typographies($custom-typography);
+//  @include mat-core($custom-typography);
+  @include mat.all-component-themes($gerp-theme);
+  @include health-warning-theme($gerp-theme);
+    .other-component { //about us our services, contact us have these styles appliec
+        .heading {
+           h1 {
+               //color: var(--panel-header-color);
+               margin: 30px 0px;
+               display: inline-block;
+               text-transform: uppercase;
+           }
+           h2 {
+            //color: var(--header-text-color);
+            margin: 16px 0px 16px 0px;
+            text-transform: uppercase;
+           }
+
+       }
+       .mat-divider {
+            //border-top-color: var(--panel-border-color);
+        }
+        .content {
+            max-width: 800px;
+            width: 100%;
+        }
+        .big-button {
+            width: 180px;
+        }
+        p {
+            //color: var(--header-text-color);
+        }
+        .vertical-line {
+            border-left: 1px solid; //var(--panel-header-color);
+            height: 80px;
+            left: 50%;
+            margin-left: -3px;
+            margin-top: 40%;
+            display: inline-block;
+        }
+
+    }
+
+}