@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
142 lines (141 loc) • 5.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
width: '100%',
display: 'flex',
justifyContent: 'center',
alignContent: 'center',
[`& .SCLiveStreamRoom-title`]: {
margin: theme.spacing(2),
textAlign: 'center',
color: theme.palette.text.primary
},
[`& .SCLiveStreamRoom-description`]: {
backgroundColor: theme.palette.background.paper,
color: theme.palette.text.primary,
border: '1px solid #555555',
borderRadius: '5px',
marginTop: theme.spacing(2),
marginBottom: theme.spacing(2),
padding: theme.spacing(0, 2)
},
[`& .SCLiveStreamRoom-content`]: {
width: '100%'
},
[`& .SCLiveStreamRoom-prejoin`]: {
margin: theme.spacing(),
padding: theme.spacing(),
display: 'grid',
placeItems: 'center',
height: 'auto',
position: 'relative',
'& .lk-form-control': {
display: 'none'
}
},
[`& .SCLiveStreamRoom-prejoin-loading`]: {
'& .lk-prejoin': {
opacity: 0.5
}
},
[`& .SCLiveStreamRoom-prejoin-alert`]: {
backgroundColor: theme.palette.background.paper,
color: theme.palette.text.primary,
border: '1px solid #555555',
borderRadius: '5px'
},
[`& .SCLiveStreamRoom-share-link`]: {
marginTop: theme.spacing(3),
backgroundColor: theme.palette.background.paper,
'& textarea': {
color: theme.palette.text.primary,
'-webkit-text-fill-color': theme.palette.text.primary
}
},
[`& .SCLiveStreamRoom-conference`]: {
width: '100%',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#111111'
},
[`& .SCLiveStreamRoom-prejoin-loader`]: {
maxWidth: 620,
width: '100%',
position: 'absolute',
textAlign: 'center',
'& .MuiTypography-root': {
color: '#111111'
}
},
[`& .SCLiveStreamRoom-end-prejoin-content`]: {
color: theme.palette.common.black,
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
marginTop: theme.spacing(2),
paddingBottom: theme.spacing(3),
[`& .SCLiveStreamRoom-end-prejoin-content-box`]: {
width: '47%',
[theme.breakpoints.down('md')]: {
width: '90%'
}
}
},
'& .lk-prejoin': {
maxWidth: 620,
width: '100%',
backgroundColor: '#111111',
borderRadius: theme.shape.borderRadiusSm
},
'& .lk-join-button': {
backgroundColor: theme.palette.primary.main,
color: theme.palette.common.white,
'&:hover': {
backgroundColor: theme.palette.primary.dark
}
},
'& .lk-settings-menu-modal': {
minWidth: 290,
paddingTop: theme.spacing(3),
'& .lk-settings-menu-modal-icon-close': {
color: theme.palette.common.white,
position: 'absolute',
top: 3,
right: 2
},
'& .MuiFormControlLabel-root': {
marginLeft: 0
},
'& .MuiTypography-body1': {
color: '#FFF !important'
},
'& .MuiSwitch-track': {
backgroundColor: theme.palette.grey['300']
}
}
}),
dialogRoot: ({ theme }) => ({
[`& .SCLiveStreamRoom-end-conference-wrap`]: {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
alignContent: 'center',
flexDirection: 'column',
[`& .SCLiveStreamRoom-logo`]: {
img: {
maxHeight: 60,
maxWidth: 300
},
marginBottom: theme.spacing(2)
},
[`& .SCLiveStreamRoom-btn-back-home`]: {
marginTop: theme.spacing(2)
}
}
})
}
};
exports.default = Component;