From 4c838361ff143525ef293fffa44c3c40478589f0 Mon Sep 17 00:00:00 2001 From: balzack Date: Wed, 4 Oct 2023 23:32:00 -0700 Subject: [PATCH] styling for android --- app/mobile/src/constants/Colors.js | 6 +++--- app/mobile/src/session/Session.jsx | 4 ++-- app/mobile/src/utils/Prompt.styled.js | 2 ++ 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/app/mobile/src/constants/Colors.js b/app/mobile/src/constants/Colors.js index 3055d3ab..3a629e25 100644 --- a/app/mobile/src/constants/Colors.js +++ b/app/mobile/src/constants/Colors.js @@ -5,8 +5,8 @@ const LightColors = { overlay: 'dark', statusBar: 'dark-content', tabBar: '#448866', - activeTabIcon: '#ffffff', - idleTabIcon: '#cccccc', + activeTabIcon: '#448866', + idleTabIcon: '#888888', activeBorder: '#338866', idleBorder: '#dddddd', activeFill: '#66aa88', @@ -18,7 +18,7 @@ const LightColors = { unsetText: '#999999', descriptionText: '#888888', text: '#444444', - screenBase: '#dddddd', + screenBase: '#cccccc', drawerBase: '#bbbbbb', areaBase: '#ffffff', modalBase: '#ffffff', diff --git a/app/mobile/src/session/Session.jsx b/app/mobile/src/session/Session.jsx index 4839b38d..9abdb1db 100644 --- a/app/mobile/src/session/Session.jsx +++ b/app/mobile/src/session/Session.jsx @@ -471,8 +471,8 @@ export function Session({ sharing, clearSharing }) { } }, tabBarShowLabel: false, - tabBarActiveTintColor: Colors.white, - tabBarInactiveTintColor: Colors.disabled, + tabBarActiveTintColor: Colors.activeTabIcon, + tabBarInactiveTintColor: Colors.idleTabIcon, })}> } /> } /> diff --git a/app/mobile/src/utils/Prompt.styled.js b/app/mobile/src/utils/Prompt.styled.js index 7475e25f..c2ffe1f2 100644 --- a/app/mobile/src/utils/Prompt.styled.js +++ b/app/mobile/src/utils/Prompt.styled.js @@ -65,6 +65,7 @@ export const styles = StyleSheet.create({ paddingBottom: 8, display: 'flex', alignItems: 'center', + justifyContent: 'center', borderRadius: 4, width: 128, height: 32, @@ -81,6 +82,7 @@ export const styles = StyleSheet.create({ paddingBottom: 8, display: 'flex', alignItems: 'center', + justifyContent: 'center', borderRadius: 4, width: 128, height: 32,