mediasfu-reactnative-expo
Version:
mediasfu-reactnative-expo – Expo-managed React Native WebRTC SDK for video conferencing, webinars, live streaming, broadcast, screen sharing, whiteboard, chat, recording, live subtitles, translation, and AI agent rooms on iOS, Android, and web. Prebuilt r
102 lines • 3.38 kB
JavaScript
import { StyleSheet } from 'react-native';
export const getModalBodyTheme = (isDarkMode) => {
if (typeof isDarkMode !== 'boolean') {
return {
textColor: 'black',
mutedTextColor: 'gray',
iconColor: 'black',
borderColor: 'gray',
dividerColor: 'black',
inputBackgroundColor: 'white',
inputTextColor: 'black',
placeholderTextColor: 'gray',
rowBackgroundColor: '#ffffff',
badgeBackgroundColor: '#ffffff',
badgeTextColor: '#000000',
buttonBackgroundColor: 'black',
buttonTextColor: 'white',
dangerColor: 'red',
successColor: 'green',
accentColor: '#83c0e9',
};
}
if (isDarkMode) {
return {
textColor: '#f8fafc',
mutedTextColor: '#cbd5e1',
iconColor: '#f8fafc',
borderColor: 'rgba(148, 163, 184, 0.35)',
dividerColor: 'rgba(226, 232, 240, 0.18)',
inputBackgroundColor: 'rgba(15, 23, 42, 0.72)',
inputTextColor: '#f8fafc',
placeholderTextColor: '#94a3b8',
rowBackgroundColor: 'rgba(15, 23, 42, 0.46)',
badgeBackgroundColor: 'rgba(59, 130, 246, 0.22)',
badgeTextColor: '#dbeafe',
buttonBackgroundColor: '#2563eb',
buttonTextColor: '#ffffff',
dangerColor: '#f87171',
successColor: '#22c55e',
accentColor: '#38bdf8',
};
}
return {
textColor: '#0f172a',
mutedTextColor: '#475569',
iconColor: '#0f172a',
borderColor: 'rgba(71, 85, 105, 0.24)',
dividerColor: 'rgba(71, 85, 105, 0.22)',
inputBackgroundColor: '#ffffff',
inputTextColor: '#0f172a',
placeholderTextColor: '#64748b',
rowBackgroundColor: 'rgba(255, 255, 255, 0.78)',
badgeBackgroundColor: 'rgba(37, 99, 235, 0.12)',
badgeTextColor: '#1d4ed8',
buttonBackgroundColor: '#2563eb',
buttonTextColor: '#ffffff',
dangerColor: '#dc2626',
successColor: '#16a34a',
accentColor: '#2563eb',
};
};
export const createThemedPickerSelectStyles = (theme) => StyleSheet.create({
inputIOS: {
fontSize: 16,
paddingVertical: 8,
paddingHorizontal: 10,
borderWidth: 1,
borderColor: theme.borderColor,
borderRadius: 8,
color: theme.inputTextColor,
paddingRight: 30,
backgroundColor: theme.inputBackgroundColor,
},
inputAndroid: {
fontSize: 16,
paddingHorizontal: 10,
paddingVertical: 8,
borderWidth: 1,
borderColor: theme.borderColor,
borderRadius: 8,
color: theme.inputTextColor,
paddingRight: 30,
backgroundColor: theme.inputBackgroundColor,
marginVertical: 5,
},
inputWeb: {
fontSize: 14,
paddingHorizontal: 10,
paddingVertical: 6,
borderWidth: 1,
borderColor: theme.borderColor,
borderRadius: 8,
color: theme.inputTextColor,
paddingRight: 30,
backgroundColor: theme.inputBackgroundColor,
marginBottom: 10,
},
placeholder: {
color: theme.placeholderTextColor,
},
});
//# sourceMappingURL=modalBodyTheme.js.map