martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

adjusting modal colors for light mode

Browse Source
This commit is contained in:
balzack 2023-09-03 10:14:34 -07:00
parent 5c233a8ce4
commit 32722bdc99
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/mobile/src/constants/Colors.js
View File

@ -1,7 +1,7 @@
import { Appearance } from 'react-native' import { Appearance } from 'react-native'
const LightColors = { const LightColors = {
theme: 'light', overlay: 'dark',
tabBar: '#448866', tabBar: '#448866',
activeTabIcon: '#ffffff', activeTabIcon: '#ffffff',
idleTabIcon: '#cccccc', idleTabIcon: '#cccccc',
@ -23,7 +23,7 @@ const LightColors = {
primaryButton: '#448866', primaryButton: '#448866',
primaryButtonText: '#ffffff', primaryButtonText: '#ffffff',
cancelButton: '#888888', cancelButton: '#888888',
cancelButtonText: '#aaaaaa', cancelButtonText: '#ffffff',
disabledButton: '#dddddd', disabledButton: '#dddddd',
disabledButtonText: '#aaaaaa', disabledButtonText: '#aaaaaa',
dangerButton: '#ff5555', dangerButton: '#ff5555',
@ -48,7 +48,7 @@ const LightColors = {
}; };
const DarkColors = { const DarkColors = {
theme: 'dark', overlay: 'dark',
tabBar: '#111111', tabBar: '#111111',
activeTabIcon: '#dddddd', activeTabIcon: '#dddddd',
idleTabIcon: '#aaaaaa', idleTabIcon: '#aaaaaa',

8
app/mobile/src/session/settings/Settings.jsx
View File

@ -268,7 +268,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']} supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideEditSeal} 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.modalContainer}>
<View style={styles.modalClose}> <View style={styles.modalClose}>
<TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideEditSeal}> <TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideEditSeal}>
@ -457,7 +457,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']} supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideLogout} 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}> <View style={styles.modalContainer}>
<Text style={styles.modalHeader}>{ state.strings.loggingOut }</Text> <Text style={styles.modalHeader}>{ state.strings.loggingOut }</Text>
<View style={styles.buttons}> <View style={styles.buttons}>
@ -479,7 +479,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']} supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideLogin} 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.modalContainer}>
<View style={styles.modalClose}> <View style={styles.modalClose}>
<TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideLogin}> <TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideLogin}>
@ -558,7 +558,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']} supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideDelete} 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.modalContainer}>
<View style={styles.modalClose}> <View style={styles.modalClose}>
<TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideDelete}> <TouchableOpacity style={styles.closeButton} activeOpacity={1} onPress={actions.hideDelete}>