haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(rn,ui) use dark gray for screen headers 

Skip the welcome page for now, until we can remove the audio / video
toggle.
This commit is contained in:
Saúl Ibarra Corretgé 2022-05-02 11:15:37 +02:00 committed by Saúl Ibarra Corretgé
parent 625206db20
commit 721f4dc3d3
4 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
react/features/base/ui/Tokens.js
View File

@ -38,6 +38,7 @@ export const colors = {
surface14: '#555555', surface14: '#555555',
surface15: '#474747', surface15: '#474747',
surface16: '#131519', surface16: '#131519',
surface17: '#161618',
success04: '#189B55', success04: '#189B55',
success05: '#1EC26A', success05: '#1EC26A',
@ -83,6 +84,7 @@ export const colorMap = {
// Screen header // Screen header
screen01Header: 'primary10', screen01Header: 'primary10',
screen02Header: 'surface17',
// Status bar // Status bar
status01Bar: 'primary11', status01Bar: 'primary11',

2
react/features/invite/components/add-people-dialog/native/styles.js
View File

@ -27,7 +27,7 @@ export default {
bottomBar: { bottomBar: {
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
backgroundColor: BaseTheme.palette.screen01Header, backgroundColor: BaseTheme.palette.screen02Header,
height: BaseTheme.spacing[10] height: BaseTheme.spacing[10]
}, },

2
react/features/mobile/navigation/components/HeaderNavigationButton.js
View File

@ -60,7 +60,7 @@ const HeaderNavigationButton
<TouchableRipple <TouchableRipple
disabled = { disabled } disabled = { disabled }
onPress = { onPress } onPress = { onPress }
rippleColor = { BaseTheme.palette.screen01Header }> rippleColor = { BaseTheme.palette.screen02Header }>
<Text <Text
style = { style = {
twoActions twoActions

16
react/features/mobile/navigation/screenOptions.js
View File

@ -51,7 +51,7 @@ export const dialInSummaryScreenOptions = {
gestureEnabled: true, gestureEnabled: true,
headerShown: true, headerShown: true,
headerStyle: { headerStyle: {
backgroundColor: BaseTheme.palette.screen01Header backgroundColor: BaseTheme.palette.screen02Header
}, },
headerTitleStyle: { headerTitleStyle: {
color: BaseTheme.palette.text01 color: BaseTheme.palette.text01
@ -76,7 +76,7 @@ export const drawerScreenOptions = {
gestureEnabled: true, gestureEnabled: true,
headerShown: true, headerShown: true,
headerStyle: { headerStyle: {
backgroundColor: BaseTheme.palette.screen01Header backgroundColor: BaseTheme.palette.screen02Header
} }
}; };
@ -108,9 +108,11 @@ export const welcomeScreenOptions = {
size = { 20 } size = { 20 }
src = { IconHome } /> src = { IconHome } />
), ),
headerTitleStyle: { headerStyle: {
color: BaseTheme.palette.screen01Header backgroundColor: BaseTheme.palette.screen01Header
} },
// eslint-disable-next-line no-empty-function
headerTitle: () => {}
}; };
/** /**
@ -194,7 +196,7 @@ export const presentationScreenOptions = {
headerLeft: () => screenHeaderCloseButton(goBack), headerLeft: () => screenHeaderCloseButton(goBack),
headerStatusBarHeight: 0, headerStatusBarHeight: 0,
headerStyle: { headerStyle: {
backgroundColor: BaseTheme.palette.screen01Header backgroundColor: BaseTheme.palette.screen02Header
}, },
headerTitleStyle: { headerTitleStyle: {
color: BaseTheme.palette.text01 color: BaseTheme.palette.text01
@ -262,7 +264,7 @@ export const sharedDocumentScreenOptions = {
headerBackTitleVisible: false, headerBackTitleVisible: false,
headerShown: true, headerShown: true,
headerStyle: { headerStyle: {
backgroundColor: BaseTheme.palette.screen01Header backgroundColor: BaseTheme.palette.screen02Header
}, },
headerTitleStyle: { headerTitleStyle: {
color: BaseTheme.palette.text01 color: BaseTheme.palette.text01