diff --git a/src/components/app/app.scss b/src/components/app/app.scss
index ace0c62..3201a84 100644
--- a/src/components/app/app.scss
+++ b/src/components/app/app.scss
@@ -28,6 +28,11 @@
     --font: 'Avenir', Helvetica, Arial, sans-serif;
 }
 
+.dark
+{
+    background: #555555;
+}
+
 // ##############
 // # Global CSS #
 // ##############
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 016959a..2a4c6f3 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="app" class="theme-default">
+    <div id="app" class="theme-default dark">
         <login v-if="showLogin" v-on:login:token="onLogin"></login>
         <navigation :courses="filteredCourses"
                     :activeIndex.sync="selectedTab"