diff --git a/app/mobile/src/constants/Colors.js b/app/mobile/src/constants/Colors.js
index e1991fa0..9eeaefca 100644
--- a/app/mobile/src/constants/Colors.js
+++ b/app/mobile/src/constants/Colors.js
@@ -1,7 +1,7 @@
 import { Appearance } from 'react-native'
 
 const LightColors = {
-  theme: 'light',
+  overlay: 'dark',
   tabBar: '#448866',
   activeTabIcon: '#ffffff',
   idleTabIcon: '#cccccc',
@@ -23,7 +23,7 @@ const LightColors = {
   primaryButton: '#448866',
   primaryButtonText: '#ffffff',
   cancelButton: '#888888',
-  cancelButtonText: '#aaaaaa',
+  cancelButtonText: '#ffffff',
   disabledButton: '#dddddd',
   disabledButtonText: '#aaaaaa',
   dangerButton: '#ff5555',
@@ -48,7 +48,7 @@ const LightColors = {
 };
 
 const DarkColors = {
-  theme: 'dark',
+  overlay: 'dark',
   tabBar: '#111111',
   activeTabIcon: '#dddddd',
   idleTabIcon: '#aaaaaa',
diff --git a/app/mobile/src/session/settings/Settings.jsx b/app/mobile/src/session/settings/Settings.jsx
index bce0e355..ae2f01c5 100644
--- a/app/mobile/src/session/settings/Settings.jsx
+++ b/app/mobile/src/session/settings/Settings.jsx
@@ -268,7 +268,7 @@ export function Settings() {
           supportedOrientations={['portrait', 'landscape']}
           onRequestClose={actions.hideEditSeal}
         >
-          <BlurView style={styles.modalOverlay} blurType={Colors.theme} blurAmount={2} reducedTransparencyFallbackColor="black">
+          <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
             <View style={styles.modalContainer}>
               <View style={styles.modalClose}>
                 <TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideEditSeal}>
@@ -457,7 +457,7 @@ export function Settings() {
           supportedOrientations={['portrait', 'landscape']}
           onRequestClose={actions.hideLogout}
         >
-          <BlurView style={styles.modalOverlay} blurType={Colors.theme} blurAmount={2} reducedTransparencyFallbackColor="black">
+          <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
             <View style={styles.modalContainer}>
               <Text style={styles.modalHeader}>{ state.strings.loggingOut }</Text>
               <View style={styles.buttons}>
@@ -479,7 +479,7 @@ export function Settings() {
           supportedOrientations={['portrait', 'landscape']}
           onRequestClose={actions.hideLogin}
         >
-          <BlurView style={styles.modalOverlay} blurType={Colors.theme} blurAmount={2} reducedTransparencyFallbackColor="black">
+          <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
             <View style={styles.modalContainer}>
               <View style={styles.modalClose}>
                 <TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideLogin}>
@@ -558,7 +558,7 @@ export function Settings() {
           supportedOrientations={['portrait', 'landscape']}
           onRequestClose={actions.hideDelete}
         >
-          <BlurView style={styles.modalOverlay} blurType={Colors.theme} blurAmount={2} reducedTransparencyFallbackColor="black">
+          <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
             <View style={styles.modalContainer}>
               <View style={styles.modalClose}>
                 <TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideDelete}>