diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/css/quasar.variables.styl b/labswp_2019_sose_geocaching_frontend/frontend/src/css/quasar.variables.styl
index 407c1c4..8dcf9d4 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/css/quasar.variables.styl
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/css/quasar.variables.styl
@@ -11,6 +11,7 @@
 
 $primary   = #adcb70
 $secondary = #26A69A
+$font = black
 $accent    = #9C27B0
 
 $positive  = #21BA45
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Login.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Login.vue
index f4ab726..5e991ff 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Login.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Login.vue
@@ -8,7 +8,7 @@
             <div class="">
               <div class="" style="max-width: 440px">
                 <q-input lazy-rules outlined filled stack-label v-model="user.email" type="text" label="Email"
-                         autocomplete="username" :rules="[val=>validateEmail(val)||'Bitte gültige E-Mail eingeben!']"/>
+                         autocomplete="username" :rules="[val=>validateEmail(val)||'Bitte gültige E-Mail eingeben!']" color="font"/>
               </div>
             </div>
           </div>
@@ -16,7 +16,7 @@
             <div class="">
               <div class="" style="max-width: 440px">
                 <q-input lazy-rules outlined filled stack-label v-model="user.password" type="password" label="Passwort"
-                         autocomplete="current-password" :rules="[val=>val.length>=8||'Bitte gültiges Passwort eingeben!']"/>
+                         autocomplete="current-password" :rules="[val=>val.length>=8||'Bitte gültiges Passwort eingeben!']" color="font"/>
               </div>
             </div>
           </div>
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Register.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Register.vue
index 6489cfe..b9dc1fc 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Register.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/Register.vue
@@ -7,7 +7,7 @@
           <div class="col">
             <div class="">
               <div class="" style="max-width: 440px">
-                <q-input lazy-rules outlined filled stack-label v-model="user.name" type="text" label="Vor- und Nachname" autocomplete="new-password"
+                <q-input color="font" lazy-rules outlined filled stack-label v-model="user.name" type="text" label="Vor- und Nachname" autocomplete="new-password"
                          :rules="[val=>validateUsername(val)||'Name muss mindestens 2 Zeichen lang sein und darf nur aus Buchstaben, Zahlen und Unterstrichen bestehen!']"/>
               </div>
             </div>
@@ -15,7 +15,7 @@
           <div class="col">
             <div class="">
               <div class="" style="max-width: 440px">
-                <q-input lazy-rules outlined filled stack-label v-model="user.email" type="text" label="E-Mail" autocomplete="new-password"
+                <q-input color="font" lazy-rules outlined filled stack-label v-model="user.email" type="text" label="E-Mail" autocomplete="new-password"
                          :rules="[val=>validateEmail(val)||'Bitte gültige E-Mail angeben!']"/>
               </div>
             </div>
@@ -23,7 +23,7 @@
           <div class="col">
             <div class="">
               <div class="" style="max-width: 440px">
-                <q-input lazy-rules outlined filled stack-label v-model="user.checkemail" type="text" autocomplete="new-password"
+                <q-input color="font" lazy-rules outlined filled stack-label v-model="user.checkemail" type="text" autocomplete="new-password"
                          label="E-Mail erneut eingeben" placeholer="Email"
                          :rules="[val=>val===user.email||'E-Mail stimmt nicht überein!']"/>
               </div>
@@ -32,7 +32,7 @@
           <div class="col">
             <div class="">
               <div class="" style="max-width: 440px">
-                <q-input lazy-rules outlined filled stack-label v-model="user.password" type="password" autocomplete="new-password"
+                <q-input color="font" lazy-rules outlined filled stack-label v-model="user.password" type="password" autocomplete="new-password"
                          label="Passwort"
                          :rules="[val=>val.length>=8||'Passwort muss mindestens 8 Zeichen lang sein!']"/>
               </div>
@@ -41,7 +41,7 @@
           <div class="col">
             <div class="">
               <div class="" style="max-width: 440px">
-                <q-input lazy-rules outlined filled stack-label v-model="user.checkpassword" type="password" autocomplete="new-password"
+                <q-input color="font" lazy-rules outlined filled stack-label v-model="user.checkpassword" type="password" autocomplete="new-password"
                          label="Passwort erneut eingeben"
                          :rules="[val=>val===user.password||'Passwort stimmt nicht überein']"/>
               </div>