styling for android

This commit is contained in:
balzack 2023-10-04 23:32:00 -07:00
parent f0dc45fe10
commit 4c838361ff
3 changed files with 7 additions and 5 deletions

View File

@ -5,8 +5,8 @@ const LightColors = {
overlay: 'dark', overlay: 'dark',
statusBar: 'dark-content', statusBar: 'dark-content',
tabBar: '#448866', tabBar: '#448866',
activeTabIcon: '#ffffff', activeTabIcon: '#448866',
idleTabIcon: '#cccccc', idleTabIcon: '#888888',
activeBorder: '#338866', activeBorder: '#338866',
idleBorder: '#dddddd', idleBorder: '#dddddd',
activeFill: '#66aa88', activeFill: '#66aa88',
@ -18,7 +18,7 @@ const LightColors = {
unsetText: '#999999', unsetText: '#999999',
descriptionText: '#888888', descriptionText: '#888888',
text: '#444444', text: '#444444',
screenBase: '#dddddd', screenBase: '#cccccc',
drawerBase: '#bbbbbb', drawerBase: '#bbbbbb',
areaBase: '#ffffff', areaBase: '#ffffff',
modalBase: '#ffffff', modalBase: '#ffffff',

View File

@ -471,8 +471,8 @@ export function Session({ sharing, clearSharing }) {
} }
}, },
tabBarShowLabel: false, tabBarShowLabel: false,
tabBarActiveTintColor: Colors.white, tabBarActiveTintColor: Colors.activeTabIcon,
tabBarInactiveTintColor: Colors.disabled, tabBarInactiveTintColor: Colors.idleTabIcon,
})}> })}>
<Tab.Screen name="Conversation" children={()=><ConversationStackScreen dmChannel={dmChannel} shareChannel={shareChannel} shareIntent={shareIntent} setShareIntent={setShareIntent} />} /> <Tab.Screen name="Conversation" children={()=><ConversationStackScreen dmChannel={dmChannel} shareChannel={shareChannel} shareIntent={shareIntent} setShareIntent={setShareIntent} />} />
<Tab.Screen name="Contacts" children={()=><ContactStackScreen addChannel={addChannel} />} /> <Tab.Screen name="Contacts" children={()=><ContactStackScreen addChannel={addChannel} />} />

View File

@ -65,6 +65,7 @@ export const styles = StyleSheet.create({
paddingBottom: 8, paddingBottom: 8,
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center',
borderRadius: 4, borderRadius: 4,
width: 128, width: 128,
height: 32, height: 32,
@ -81,6 +82,7 @@ export const styles = StyleSheet.create({
paddingBottom: 8, paddingBottom: 8,
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center',
borderRadius: 4, borderRadius: 4,
width: 128, width: 128,
height: 32, height: 32,