jiti-meet/react/features/conference/components/native/styles.js

171 lines
3.6 KiB
JavaScript

import { ColorSchemeRegistry, schemeColor } from '../../../base/color-scheme';
import { BoxModel, ColorPalette, fixAndroidViewClipping } from '../../../base/styles';
export const INSECURE_ROOM_NAME_LABEL_COLOR = ColorPalette.warning;
const NAVBAR_BUTTON_SIZE = 24;
/**
* The styles of the feature conference.
*/
export default {
/**
* {@code Conference} style.
*/
conference: fixAndroidViewClipping({
alignSelf: 'stretch',
backgroundColor: '#040404',
flex: 1
}),
displayNameContainer: {
margin: 10
},
/**
* View that contains the indicators.
*/
indicatorContainer: {
flex: 1,
flexDirection: 'row'
},
inviteButtonContainer: {
position: 'absolute',
top: 0,
right: 0,
zIndex: 1
},
inviteButton: {
iconStyle: {
padding: 10,
color: ColorPalette.white,
fontSize: NAVBAR_BUTTON_SIZE
},
underlayColor: ColorPalette.buttonUnderlay
},
lonelyButton: {
alignItems: 'center',
borderRadius: 24,
flexDirection: 'row',
height: 48,
justifyContent: 'space-around',
paddingHorizontal: 12
},
lonelyButtonComponents: {
marginHorizontal: 6
},
lonelyMeetingContainer: {
alignSelf: 'stretch',
alignItems: 'center',
padding: BoxModel.padding * 2
},
lonelyMessage: {
paddingVertical: 12
},
pipButtonContainer: {
position: 'absolute',
top: 0,
left: 0,
zIndex: 1
},
pipButton: {
iconStyle: {
padding: 10,
color: ColorPalette.white,
fontSize: NAVBAR_BUTTON_SIZE
},
underlayColor: ColorPalette.buttonUnderlay
},
navBarSafeView: {
left: 0,
position: 'absolute',
right: 0,
top: 0
},
navBarWrapper: {
alignItems: 'center',
flex: 1,
flexDirection: 'row',
height: 44,
justifyContent: 'center',
paddingHorizontal: 14
},
roomTimer: {
color: ColorPalette.white,
fontSize: 12,
fontWeight: '400',
paddingHorizontal: 8
},
roomTimerView: {
backgroundColor: 'rgba(0,0,0,0.8)',
borderBottomRightRadius: 3,
borderTopRightRadius: 3,
height: 28,
justifyContent: 'center',
minWidth: 50
},
roomName: {
color: ColorPalette.white,
fontSize: 14,
fontWeight: '400'
},
roomNameView: {
backgroundColor: 'rgba(0,0,0,0.6)',
borderBottomLeftRadius: 3,
borderTopLeftRadius: 3,
flexShrink: 1,
height: 28,
justifyContent: 'center',
paddingHorizontal: 10
},
roomNameWrapper: {
flexDirection: 'row',
marginHorizontal: 35
},
/**
* The style of the {@link View} which expands over the whole
* {@link Conference} area and splits it between the {@link Filmstrip} and
* the {@link Toolbox}.
*/
toolboxAndFilmstripContainer: {
bottom: 0,
flexDirection: 'column',
justifyContent: 'flex-end',
left: 0,
position: 'absolute',
right: 0,
top: 0
},
insecureRoomNameLabel: {
backgroundColor: INSECURE_ROOM_NAME_LABEL_COLOR
}
};
ColorSchemeRegistry.register('Conference', {
lonelyButton: {
backgroundColor: schemeColor('inviteButtonBackground')
},
lonelyMessage: {
color: schemeColor('onVideoText')
}
});