Spaces:
Sleeping
Sleeping
File size: 1,307 Bytes
bb8f662 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | import { StyleSheet } from 'react-native';
import { theme } from './theme';
export const globalStyles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: theme.colors.background,
},
centerContainer: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: theme.colors.background,
},
card: {
backgroundColor: theme.colors.card,
borderRadius: theme.borderRadius.lg,
padding: theme.spacing.lg,
...theme.shadows.md,
},
button: {
backgroundColor: theme.colors.primary,
borderRadius: theme.borderRadius.md,
padding: theme.spacing.md,
alignItems: 'center',
justifyContent: 'center',
...theme.shadows.sm,
},
buttonText: {
color: theme.colors.text,
fontSize: 16,
fontWeight: '600',
},
input: {
backgroundColor: theme.colors.surface,
borderRadius: theme.borderRadius.md,
padding: theme.spacing.md,
color: theme.colors.text,
fontSize: 16,
},
title: {
...theme.typography.h1,
color: theme.colors.text,
},
subtitle: {
...theme.typography.h2,
color: theme.colors.text,
},
bodyText: {
...theme.typography.body,
color: theme.colors.text,
},
captionText: {
...theme.typography.caption,
color: theme.colors.textSecondary,
},
}); |