diff --git a/src/app/app.component.html b/src/app/app.component.html
index cc3b2bf2..88014b37 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,2 +1,4 @@
-<router-outlet></router-outlet>
-<app-notification-box></app-notification-box>
+<div class="dark">
+    <router-outlet class="dark"></router-outlet>
+    <app-notification-box></app-notification-box>    
+</div>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 1bc4310f..71a08bd4 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,7 @@
 mat-menu-panel {
     min-height: 0px;
 }
+
+.dark {
+    background: #263238!important;
+}
diff --git a/src/theme.scss b/src/theme.scss
index 9ff7e407..97735557 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -36,6 +36,7 @@ $dark-theme: map-merge(
 );
 
 .dark-theme {
+  @include angular-material-theme($dark-theme);
   @include mat-core-theme($dark-theme);
   @include mat-autocomplete-theme($dark-theme);
   @include mat-button-theme($dark-theme);
@@ -66,6 +67,7 @@ $dark-theme: map-merge(
   @include mat-toolbar-theme($dark-background);
   @include mat-tooltip-theme($dark-theme);
   @include mat-snack-bar-theme($dark-theme);
+  color: white!important;
 }
 
 // Light theme