Update layout

layouts/default.vue

@@ -1,13 +1,15 @@
 <template>
-  <v-app dark>
+  <v-app :style="{ background: $vuetify.theme.themes[theme].background }">
     <NavigationDrawer ref="navDrawer" />
-    <v-app-bar app clipped-left>
+    <v-app-bar app dark clipped-left>
       <v-app-bar-nav-icon @click="toggleNavDrawer" />
       <v-toolbar-title v-text="title" />
       <v-spacer />
+      <!-- TODO: Enable theme switching some time maybe
       <v-btn icon @click="$vuetify.theme.dark = !$vuetify.theme.dark">
         <v-icon>mdi-theme-light-dark</v-icon>
       </v-btn>
+      -->
       <v-btn v-if="loggedIn" icon @click="logout">
         <v-icon>mdi-logout-variant</v-icon>
       </v-btn>
@@ -32,6 +34,9 @@ export default {
     }
   },
   computed: {
+    theme () {
+      return (this.$vuetify.theme.dark) ? 'dark' : 'light'
+    },
     loggedIn () {
       return this.$store.state.user
     }