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

56 lines
1.2 KiB
JavaScript
Raw Normal View History

2019-04-09 11:05:20 +00:00
// @flow
import { StyleSheet } from 'react-native';
2019-04-09 15:53:12 +00:00
import { ColorSchemeRegistry, schemeColor } from '../../../base/color-scheme';
import { BoxModel, ColorPalette } from '../../../base/styles';
/**
2019-04-09 15:53:12 +00:00
* The React {@code Component} styles of the overlay feature.
*/
2019-04-09 15:53:12 +00:00
export default {
connectIndicator: {
margin: BoxModel.margin
},
/**
* Style for a backdrop overlay covering the screen the the overlay is
* rendered.
*/
container: {
...StyleSheet.absoluteFillObject,
2019-03-06 16:28:59 +00:00
backgroundColor: ColorPalette.black
},
2019-04-09 15:53:12 +00:00
loadingOverlayText: {
color: ColorPalette.white
},
loadingOverlayWrapper: {
...StyleSheet.absoluteFillObject,
2019-04-09 15:53:12 +00:00
alignItems: 'center',
flex: 1,
flexDirection: 'column',
justifyContent: 'center'
},
2019-03-06 16:28:59 +00:00
safeContainer: {
flex: 1
}
2019-04-09 15:53:12 +00:00
};
/**
* Color schemed styles for all the component based on the abstract dialog.
*/
ColorSchemeRegistry.register('LoadConfigOverlay', {
indicatorColor: schemeColor('text'),
loadingOverlayText: {
color: schemeColor('text')
},
loadingOverlayWrapper: {
backgroundColor: schemeColor('background')
}
});