fix theme login

layouts/empty.vue

 <template>
-  <v-app>
     <Nuxt />
-  </v-app>
 </template>
 
 <script>
-export default {}
+export default {
+  computed: {
+    theme () {
+      return (this.$vuetify.theme.dark) ? 'dark' : 'light'
+    }
+  }
+}
 </script>

pages/login.vue

 <template>
+  <v-app :style="{background: $vuetify.theme.themes.light.background}">
     <div class="body">
       <form class="login-form">
         <NuxtLogo />
@@ -24,7 +25,7 @@
         />
         <v-checkbox
           v-model="checkbox"
-        :error-messages="checkboxErrors"
+          color="green"
           label="Remember me"
           required
           @change="$v.checkbox.$touch()"
@@ -44,6 +45,7 @@
         </p>
       </form>
     </div>
+  </v-app>
 </template>
 <script>
 export default {
@@ -56,6 +58,7 @@ import { validationMixin } from 'vuelidate'
 import { required, minLength, email } from 'vuelidate/lib/validators'
 
 export default {
+  dark: false,
   mixins: [validationMixin],
   layout: 'empty',
   validations: {
@@ -143,21 +146,22 @@ export default {
   }
 }
 </script>
-<style>
+<style scoped>
 .body {
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
-  background-color: #2c2c2c;
+  background-color: #8fc2ff;
   height: 100vh;
 }
 .login-form{
   width: 27%;
   border: #8fc2ff 1px solid;
-  background-color: #121212;
+  background-color: #111f70;
   border-radius: 1rem;
   padding: 2rem 1rem;
   border-radius: 1rem;
 }
+
 </style>

pages/register.vue

@@ -64,6 +64,7 @@ import { validationMixin } from 'vuelidate'
 import { required, minLength, maxLength, email, sameAs } from 'vuelidate/lib/validators'
 
 export default {
+  dark: false,
   mixins: [validationMixin],
   layout: 'empty',
   validations: {
@@ -164,13 +165,13 @@ export default {
   justify-content: center;
   text-align: center;
   align-items: center;
-  background-color: #2c2c2c;
+  background-color: #8fc2ff;
   height: 100vh;
 }
 .login-form{
   width: 27%;
   border: #8fc2ff 1px solid;
-  background-color: #121212;
+  background-color: #111f70;
   border-radius: 1rem;
   padding: 2rem 1rem;
   border-radius: 1rem;