martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-11 19:19: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'
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',

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

@ -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}>