116 lines
2.8 KiB
TypeScript
116 lines
2.8 KiB
TypeScript
import { StyleSheet, Platform } from 'react-native';
|
|
import { ThemeColors } from '@theme';
|
|
|
|
export const getStyles = (colors: ThemeColors) =>
|
|
StyleSheet.create({
|
|
tabBar: {
|
|
backgroundColor: colors.tabBar,
|
|
borderTopWidth: 1,
|
|
borderTopColor: colors.border,
|
|
height: Platform.OS === 'ios' ? 86 : 68,
|
|
paddingBottom: Platform.OS === 'ios' ? 24 : 10,
|
|
paddingTop: 6,
|
|
shadowColor: '#0F172A',
|
|
shadowOffset: { width: 0, height: -4 },
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 12,
|
|
elevation: 10,
|
|
},
|
|
tabBarLabel: {
|
|
fontSize: 11,
|
|
fontWeight: '600',
|
|
letterSpacing: 0.2,
|
|
marginTop: 2,
|
|
},
|
|
iconContainer: {
|
|
width: 42,
|
|
height: 28,
|
|
borderRadius: 14,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
iconContainerFocused: {
|
|
backgroundColor: `${colors.icon}18`,
|
|
},
|
|
addLeadButtonWrapper: {
|
|
width: 44,
|
|
height: 44,
|
|
borderRadius: 22,
|
|
backgroundColor: colors.icon,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
marginTop: -14,
|
|
shadowColor: colors.icon,
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.4,
|
|
shadowRadius: 8,
|
|
elevation: 6,
|
|
},
|
|
header: {
|
|
backgroundColor: colors.header,
|
|
borderBottomWidth: 1,
|
|
borderBottomColor: colors.border,
|
|
shadowColor: '#0F172A',
|
|
shadowOffset: { width: 0, height: 2 },
|
|
shadowOpacity: 0.04,
|
|
shadowRadius: 6,
|
|
elevation: 2,
|
|
},
|
|
headerTitle: {
|
|
fontSize: 17,
|
|
fontWeight: '700',
|
|
color: colors.text,
|
|
letterSpacing: 0.2,
|
|
},
|
|
drawerButton: {
|
|
width: 38,
|
|
height: 38,
|
|
borderRadius: 12,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
marginLeft: 0,
|
|
backgroundColor: colors.surface,
|
|
borderWidth: 1,
|
|
borderColor: colors.border,
|
|
},
|
|
notificationButton: {
|
|
width: 36,
|
|
height: 36,
|
|
borderRadius: 18,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
marginRight: 8,
|
|
backgroundColor: colors.surface,
|
|
borderWidth: 1,
|
|
borderColor: colors.border,
|
|
position: 'relative',
|
|
// Subtle premium shadow
|
|
shadowColor: '#000000',
|
|
shadowOffset: { width: 0, height: 1 },
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 2,
|
|
elevation: 2,
|
|
},
|
|
badgeContainer: {
|
|
position: 'absolute',
|
|
top: -2,
|
|
right: -2,
|
|
backgroundColor: '#EF4444',
|
|
minWidth: 15,
|
|
height: 15,
|
|
borderRadius: 7.5,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
paddingHorizontal: 2,
|
|
borderWidth: 1.5,
|
|
borderColor: colors.surface,
|
|
},
|
|
badgeText: {
|
|
color: '#FFFFFF',
|
|
fontSize: 7.5,
|
|
fontWeight: '800',
|
|
textAlign: 'center',
|
|
lineHeight: 11,
|
|
},
|
|
});
|