jitsi_mod/react/features/conference/components/styles.js

import {
    ColorPalette,
    createStyleSheet,
    fixAndroidViewClipping
} from '../../base/styles';

/**
 * The styles of the feature conference.
 */
export default createStyleSheet({
    /**
     * {@code Conference} style.
     */
    conference: fixAndroidViewClipping({
        alignSelf: 'stretch',
        backgroundColor: ColorPalette.appBackground,
        flex: 1
    }),

    /**
     * The style of the View rendered while the conference is being connected
     * (i.e. the XMPP connection is being established and the MUC is being
     * joined).
     */
    connectingIndicator: {
        alignItems: 'center',
        bottom: 0,
        justifyContent: 'center',
        left: 0,
        position: 'absolute',
        right: 0,
        top: 0,

        // Because the background of LargeVideo varies wildly (e.g. the
        // participant's video or avatar), the LoadingIndicator may be difficult
        // to see. Reduce the variance of the background of LargeVideo and,
        // thus, increase the visibility of LoadingIndicator by introducing
        // contrast and translucency.
        backgroundColor: ColorPalette.appBackground,
        opacity: 0.5
    },

    /**
     * The style of the view which expands over the whole conference area and
     * splits it between both the filmstrip and the toolbox.
     */
    toolboxAndFilmstripContainer: {
        bottom: 0,
        flexDirection: 'column',
        justifyContent: 'flex-end',
        left: 0,
        position: 'absolute',
        right: 0,
        top: 0
    }
});