feat: add custom themes (#74)

Add custom themes based on logo of Mifos

Fixes #73

src/app/home/home.component.html

@@ -5,4 +5,15 @@
   </div>
 </div> -->
 
+<div class="button-row">
+  <button mat-raised-button>Basic</button>
+  <button mat-raised-button color="primary">Primary</button>
+  <button mat-raised-button color="accent">Accent</button>
+  <button mat-raised-button color="warn">Warn</button>
+  <button mat-raised-button disabled>Disabled</button>
+  <a mat-raised-button routerLink=".">Link</a>
+</div>
+
+<br>
+<br>
 <img class="logo" src="assets/images/mifos_lg-logo.jpg"/>

src/app/home/home.component.scss

@@ -7,3 +7,9 @@
 //   font-size: 1.2rem;
 //   quotes: "« " " »";
 // }
+
+.button-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}

src/app/home/home.module.ts

@@ -4,6 +4,7 @@ import { CommonModule } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 import { NgxChartsModule } from '@swimlane/ngx-charts';
 
+import { CoreModule } from '../core/core.module';
 import { SharedModule } from '../shared';
 import { HomeRoutingModule } from './home-routing.module';
 import { HomeComponent } from './home.component';
@@ -13,6 +14,7 @@ import { DashboardComponent } from './dashboard/dashboard.component';
 @NgModule({
   imports: [
     CommonModule,
+    CoreModule,
     TranslateModule,
     NgxChartsModule,
     SharedModule,