diff --git a/app/mobile/ios/Databag.xcodeproj/project.pbxproj b/app/mobile/ios/Databag.xcodeproj/project.pbxproj
index f746c6ae..b98a5ab3 100644
--- a/app/mobile/ios/Databag.xcodeproj/project.pbxproj
+++ b/app/mobile/ios/Databag.xcodeproj/project.pbxproj
@@ -310,7 +310,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				ASSETCATALOG_COMPILER_INCLUDE_ALL_APPICON_ASSETS = YES;
 				CLANG_ENABLE_MODULES = YES;
-				CURRENT_PROJECT_VERSION = 13;
+				CURRENT_PROJECT_VERSION = 15;
 				DEVELOPMENT_TEAM = 3P65PQ7SUR;
 				ENABLE_BITCODE = NO;
 				GCC_PREPROCESSOR_DEFINITIONS = (
@@ -348,7 +348,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				ASSETCATALOG_COMPILER_INCLUDE_ALL_APPICON_ASSETS = YES;
 				CLANG_ENABLE_MODULES = YES;
-				CURRENT_PROJECT_VERSION = 13;
+				CURRENT_PROJECT_VERSION = 15;
 				DEVELOPMENT_TEAM = 3P65PQ7SUR;
 				INFOPLIST_FILE = Databag/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = Databag;
diff --git a/app/mobile/src/access/admin/Admin.jsx b/app/mobile/src/access/admin/Admin.jsx
index 49cd1cbd..210a2d6a 100644
--- a/app/mobile/src/access/admin/Admin.jsx
+++ b/app/mobile/src/access/admin/Admin.jsx
@@ -2,6 +2,7 @@ import { ActivityIndicator, Alert, Text, TextInput, View, TouchableOpacity } fro
 import { styles } from './Admin.styled';
 import Ionicons from '@expo/vector-icons/AntDesign';
 import { useAdmin } from './useAdmin.hook';
+import Colors from 'constants/Colors';
 
 export function Admin() {
 
@@ -35,13 +36,14 @@ export function Admin() {
           <View style={styles.inputwrapper}>
             <Ionicons style={styles.icon} name="database" size={18} color="#aaaaaa" />
             <TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
-                autoCorrect={false} autoCapitalize="none" placeholder="server" />
+                autoCorrect={false} autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
             <View style={styles.space} />
           </View>
           <View style={styles.inputwrapper}>
             <Ionicons style={styles.icon} name="key" size={18} color="#aaaaaa" />
             <TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
-                secureTextEntry={!state.plainText} autoCapitalize="none" placeholder="token"/>
+                secureTextEntry={!state.plainText} autoCapitalize="none" placeholder="token"
+                placeholderTextColor={Colors.grey} />
             <TouchableOpacity>
               { state.plainText && (
                 <Ionicons style={styles.icon} name="eye" size={18} color="#aaaaaa" onPress={actions.hidePass}/>
diff --git a/app/mobile/src/access/admin/Admin.styled.js b/app/mobile/src/access/admin/Admin.styled.js
index e426ce3e..84402fb3 100644
--- a/app/mobile/src/access/admin/Admin.styled.js
+++ b/app/mobile/src/access/admin/Admin.styled.js
@@ -97,7 +97,7 @@ export const styles = StyleSheet.create({
     borderWidth: 1,
   },
   noresettext: {
-    color: Colors.disabled,
+    color: Colors.grey,
   },
   login: {
     marginTop: 16,
diff --git a/app/mobile/src/access/create/Create.jsx b/app/mobile/src/access/create/Create.jsx
index 854bfc24..a15e9beb 100644
--- a/app/mobile/src/access/create/Create.jsx
+++ b/app/mobile/src/access/create/Create.jsx
@@ -2,6 +2,7 @@ import { ScrollView, ActivityIndicator, Alert, Text, TextInput, View, TouchableO
 import { styles } from './Create.styled';
 import Ionicons from '@expo/vector-icons/AntDesign';
 import { useCreate } from './useCreate.hook';
+import Colors from 'constants/Colors';
 
 export function Create() {
 
@@ -39,7 +40,7 @@ export function Create() {
           <View style={styles.inputwrapper}>
             <Ionicons style={styles.icon} name="database" size={18} color="#888888" />
             <TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
-                autoCorrect={false} autoCapitalize="none" placeholder="server" />
+                autoCorrect={false} autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
             <View style={styles.space}>
               { (!state.server || !state.serverChecked) && (
                 <Text style={styles.required}>✻</Text>
@@ -57,7 +58,7 @@ export function Create() {
               <View style={styles.inputwrapper}>
                 <Ionicons style={styles.icon} name="key" size={18} color="#888888" />
                 <TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
-                    autoCorrect={false} autoCapitalize="none" placeholder="token" />
+                    autoCorrect={false} autoCapitalize="none" placeholder="token" placeholderTextColor={Colors.grey} />
                 <View style={styles.space}>
                   { (!validServer || !state.token || !state.tokenChecked) && (
                     <Text style={styles.required}>✻</Text>
@@ -75,7 +76,7 @@ export function Create() {
           <View style={styles.inputwrapper}>
             <Ionicons style={styles.icon} name="user" size={18} color="#888888" />
             <TextInput style={styles.inputfield} value={state.username} onChangeText={actions.setUsername}
-                autoCorrect={false} autoCapitalize="none" placeholder="username" />
+                autoCorrect={false} autoCapitalize="none" placeholder="username" placeholderTextColor={Colors.grey} />
             <View style={styles.space}>
                 { (!validServer || !validToken || !state.username || !state.usernameChecked) && (
                   <Text style={styles.required}>✻</Text>
@@ -92,7 +93,7 @@ export function Create() {
             <View style={styles.inputwrapper}>
               <Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
               <TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
-                  autoCorrect={false} autoCapitalize="none" placeholder="password" />
+                  autoCorrect={false} autoCapitalize="none" placeholder="password" placeholderTextColor={Colors.grey} />
               <TouchableOpacity onPress={actions.hidePassword}>
                 <Ionicons style={styles.icon} name="eye" size={18} color="#888888" />
               </TouchableOpacity>
@@ -102,7 +103,8 @@ export function Create() {
             <View style={styles.inputwrapper}>
               <Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
               <TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
-                  autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="password" />
+                  autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="password" 
+                  placeholderTextColor={Colors.grey} />
               <TouchableOpacity onPress={actions.showPassword}>
                 <Ionicons style={styles.icon} name="eyeo" size={18} color="#888888" />
               </TouchableOpacity>
@@ -112,7 +114,8 @@ export function Create() {
             <View style={styles.inputwrapper}>
               <Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
               <TextInput style={styles.inputfield} value={state.confirm} onChangeText={actions.setConfirm}
-                  autoCorrect={false} autoCapitalize="none" placeholder="confirm password" />
+                  autoCorrect={false} autoCapitalize="none" placeholder="confirm password"
+                  placeholderTextColor={Colors.grey} />
               <TouchableOpacity onPress={actions.hideConfirm}>
                 <Ionicons style={styles.icon} name="eye" size={18} color="#888888" />
               </TouchableOpacity>
@@ -122,7 +125,8 @@ export function Create() {
             <View style={styles.inputwrapper}>
               <Ionicons style={styles.icon} name="lock" size={18} color="#888888" />
               <TextInput style={styles.inputfield} value={state.confirm} onChangeText={actions.setConfirm}
-                  autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="confirm password" />
+                  autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="confirm password"
+                  placeholderTextColor={Colors.grey} />
               <TouchableOpacity onPress={actions.showConfirm}>
                 <Ionicons style={styles.icon} name="eyeo" size={18} color="#888888" />
               </TouchableOpacity>
diff --git a/app/mobile/src/access/create/Create.styled.js b/app/mobile/src/access/create/Create.styled.js
index 7460b990..c1ba7080 100644
--- a/app/mobile/src/access/create/Create.styled.js
+++ b/app/mobile/src/access/create/Create.styled.js
@@ -124,7 +124,7 @@ export const styles = StyleSheet.create({
     marginBottom: 16,
   },
   nocreatetext: {
-    color: Colors.disabled,
+    color: Colors.grey,
   },
   login: {
     marginTop: 16,
diff --git a/app/mobile/src/access/login/Login.jsx b/app/mobile/src/access/login/Login.jsx
index 739649ae..2ad48716 100644
--- a/app/mobile/src/access/login/Login.jsx
+++ b/app/mobile/src/access/login/Login.jsx
@@ -2,6 +2,7 @@ import { ActivityIndicator, Alert, Text, TextInput, View, TouchableOpacity } fro
 import { styles } from './Login.styled';
 import Ionicons from '@expo/vector-icons/AntDesign';
 import { useLogin } from './useLogin.hook';
+import { Colors } from 'constants/Colors';
 
 export function Login() {
 
@@ -35,14 +36,14 @@ export function Login() {
           <View style={styles.inputwrapper}>
             <Ionicons style={styles.icon} name="user" size={18} color="#aaaaaa" />
             <TextInput style={styles.inputfield} value={state.login} onChangeText={actions.setLogin}
-                autoCorrect={false} autoCapitalize="none" placeholder="username@server" />
+                autoCorrect={false} autoCapitalize="none" placeholder="username@server" placeholderTextColor={Colors.grey} />
             <View style={styles.space} />
           </View>
           { state.showPassword && (
             <View style={styles.inputwrapper}>
               <Ionicons style={styles.icon} name="lock" size={18} color="#aaaaaa" />
               <TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
-                  autoCorrect={false} autoCapitalize="none" placeholder="password"/>
+                  autoCorrect={false} autoCapitalize="none" placeholder="password" placeholderTextColor={Colors.grey} />
               <TouchableOpacity onPress={actions.hidePassword}>
                 <Ionicons style={styles.icon} name="eye" size={18} color="#aaaaaa" />
               </TouchableOpacity>
@@ -52,7 +53,8 @@ export function Login() {
             <View style={styles.inputwrapper}>
               <Ionicons style={styles.icon} name="lock" size={18} color="#aaaaaa" />
               <TextInput style={styles.inputfield} value={state.password} onChangeText={actions.setPassword}
-                  autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="password" />
+                  autoCorrect={false} secureTextEntry={true} autoCapitalize="none" placeholder="password" 
+                  placeholderTextColor={Colors.grey} />
               <TouchableOpacity onPress={actions.showPassword}>
                 <Ionicons style={styles.icon} name="eyeo" size={18} color="#aaaaaa" />
               </TouchableOpacity>
diff --git a/app/mobile/src/access/login/Login.styled.js b/app/mobile/src/access/login/Login.styled.js
index 25795aa4..e10cccb0 100644
--- a/app/mobile/src/access/login/Login.styled.js
+++ b/app/mobile/src/access/login/Login.styled.js
@@ -97,7 +97,7 @@ export const styles = StyleSheet.create({
     borderWidth: 1,
   },
   nologintext: {
-    color: Colors.disabled,
+    color: Colors.grey,
   },
   create: {
     marginTop: 16,
diff --git a/app/mobile/src/access/reset/Reset.jsx b/app/mobile/src/access/reset/Reset.jsx
index fda1dec0..edcfb559 100644
--- a/app/mobile/src/access/reset/Reset.jsx
+++ b/app/mobile/src/access/reset/Reset.jsx
@@ -2,6 +2,7 @@ import { ActivityIndicator, Alert, Text, TextInput, View, TouchableOpacity } fro
 import { styles } from './Reset.styled';
 import Ionicons from '@expo/vector-icons/AntDesign';
 import { useReset } from './useReset.hook';
+import Colors from 'constants/Colors';
 
 export function Reset() {
 
@@ -35,13 +36,13 @@ export function Reset() {
           <View style={styles.inputwrapper}>
             <Ionicons style={styles.icon} name="database" size={18} color="#aaaaaa" />
             <TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
-                autoCapitalize="none" placeholder="server" />
+                autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
             <View style={styles.space} />
           </View>
           <View style={styles.inputwrapper}>
             <Ionicons style={styles.icon} name="key" size={18} color="#aaaaaa" />
             <TextInput style={styles.inputfield} value={state.token} onChangeText={actions.setToken}
-                autoCapitalize="none" placeholder="token"/>
+                autoCapitalize="none" placeholder="token" placeholderTextColor={Colors.grey} />
             <View style={styles.space} />
           </View>
           { state.enabled && (
diff --git a/app/mobile/src/access/reset/Reset.styled.js b/app/mobile/src/access/reset/Reset.styled.js
index e426ce3e..84402fb3 100644
--- a/app/mobile/src/access/reset/Reset.styled.js
+++ b/app/mobile/src/access/reset/Reset.styled.js
@@ -97,7 +97,7 @@ export const styles = StyleSheet.create({
     borderWidth: 1,
   },
   noresettext: {
-    color: Colors.disabled,
+    color: Colors.grey,
   },
   login: {
     marginTop: 16,