Update banner text color, adjust button colors, and change label from 'Name' to 'Username'

frontend/components/layout/TheBottomBanner.vue

@@ -2,7 +2,7 @@
   <section>
     <v-parallax :src="require(`~/assets/vbanner.jpg`)" height="400" dark>
       <v-container>
-        <v-layout wrap align-center justify-center class="white--text">
+        <v-layout wrap align-center justify-center class="black--text">
           <v-flex xs12 md7>
             <v-img :src="require(`~/assets/ner_demo.png`)" max-height="380" contain class="ma-5" />
           </v-flex>
@@ -13,7 +13,7 @@
             <div class="mt-4">
               <v-menu open-on-hover offset-y>
                 <template #activator="{ on }">
-                  <v-btn class="blue lighten-2" dark large v-on="on">
+                  <v-btn class="black lighten-2" dark large v-on="on">
                     {{ $t('home.demoDropDown') }}
                     <v-icon>{{ mdiMenuDown }}</v-icon>
                   </v-btn>

frontend/components/layout/TheTopBanner.vue

@@ -1,7 +1,7 @@
 <template>
   <section>
     <v-parallax :src="require(`~/assets/vbanner.jpg`)" height="400" dark>
-      <v-layout wrap align-center justify-center class="white--text">
+      <v-layout wrap align-center justify-center class="black--text">
         <v-flex text-right class="mr-5">
           <img src="~/assets/icon.png" alt="doccano" height="200" />
         </v-flex>
@@ -10,13 +10,13 @@
             {{ $t('home.mainTitle') }}
           </h1>
           <div class="mt-4">
-            <v-btn large outlined color="white" href="https://github.com/GONCALOUNI/Software-Engineering-Lab">
+            <v-btn large outlined color="black" href="https://github.com/GONCALOUNI/Software-Engineering-Lab">
               <v-icon left>
                 {{ mdiGithub }}
               </v-icon>
               GitHub
             </v-btn>
-            <v-btn class="blue lighten-2 ml-5" dark large :href="localePath('/auth')">
+            <v-btn class="black lighten-2 ml-5" dark large :href="localePath('/auth')">
               {{ $t('home.getStarted') }}
             </v-btn>
           </div>

frontend/pages/create-user.vue

@@ -7,7 +7,7 @@
             <v-card class="pa-0 overflow-hidden rounded-lg" width="100%">
         
               <v-sheet color="primary" class="py-3 px-4 rounded-t">
-                <div class="text-h6 font-weight-medium text-white">
+                <div class="text-h6 font-weight-medium text-black">
                   Create User
                 </div>
               </v-sheet>
@@ -21,7 +21,7 @@
                   <v-text-field
                     v-model="name"
                     :rules="nameRules"
-                    label="Name"
+                    label="Username"
                     required
                   ></v-text-field>