diff --git a/resources/css/app.scss b/resources/css/app.scss
index 9242313..2558dee 100644
--- a/resources/css/app.scss
+++ b/resources/css/app.scss
@@ -19,6 +19,7 @@ body {
     font-size: $font-size;
     color: $font-color;
     min-height: 100vh;
+    background-color: $background-color;
 }
 
 // Who knows why ion-icon randomally sets this to hidden.....
diff --git a/resources/css/variables.scss b/resources/css/variables.scss
index a3624e3..3e882a7 100644
--- a/resources/css/variables.scss
+++ b/resources/css/variables.scss
@@ -3,7 +3,8 @@
 $font-family: Nunito, Arial, Helvetica, sans-serif;
 $font-size: 1.1rem;
 
-$font-color: rgba(0, 0, 0, 0.7);
+$font-color: rgba(255, 255, 255, 0.7);
+$background-color: rgba(40, 44, 48, 1);
 
 $primary-color-lighter: #cce8fb;
 $primary-color-light: #67bbf4;