Kids-Number-Generator-Using-ReactNative/styles.js at main · shishirRsiam/Kids-Number-Generator-Using-ReactNative · GitHub

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
import { StyleSheet } from 'react-native';


const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#FFDAF7',
    },
    titleContainer: {
        backgroundColor: '#FFEB3B',
        paddingVertical: 15,
        paddingHorizontal: 30,
        borderRadius: 30,
        marginBottom: 40,
        borderWidth: 3,
        borderColor: '#FF6347',
    },
    title: {
        fontSize: 36,
        fontWeight: 'bold',
        color: '#FF6347',
        textAlign: 'center',
        fontFamily: 'Comic Sans MS',
        textShadowColor: '#FFF',
        textShadowOffset: { width: 2, height: 2 },
        textShadowRadius: 10,
    },
    numberText: {
        fontSize: 120,
        fontWeight: 'bold',
        color: '#FF6347',
        textShadowColor: '#FFF',
        textShadowOffset: { width: 2, height: 2 },
        textShadowRadius: 10,
    },
    numberEnText: {
        fontSize: 26,
        fontWeight: 'bold',
        color: '#FF6347',
        marginBottom: 40,
        textShadowColor: '#FFF',
        textShadowOffset: { width: 2, height: 2 },
        textShadowRadius: 10,
    },
    button: {
        backgroundColor: '#FF69B4',
        paddingVertical: 20,
        paddingHorizontal: 50,
        borderRadius: 50,
        marginBottom: 40,
        elevation: 10,
        shadowColor: '#FF1493',
        shadowOffset: { width: 0, height: 4 },
        shadowOpacity: 0.3,
        shadowRadius: 10,
    },
    buttonText: {
        color: '#FFF',
        fontSize: 22,
        fontWeight: 'bold',
        textAlign: 'center',
        textTransform: 'uppercase',
        fontFamily: 'Comic Sans MS',
    },
    iconButton: {
        backgroundColor: '#FFD700',
        borderRadius: 50,
        padding: 20,
        marginBottom: 40,
        elevation: 5,
        shadowColor: '#FFD700',
        shadowOffset: { width: 0, height: 4 },
        shadowOpacity: 0.2,
        shadowRadius: 10,
    },
    iconButton: {
        marginBottom: 20,
        padding: 10,
        backgroundColor: '#FF4500',
        borderRadius: 50,
        shadowColor: '#000',
        shadowOffset: { width: 0, height: 2 },
        shadowOpacity: 0.5,
        shadowRadius: 5,
    },
    footer: {
        bottom: -14,
        fontSize: 16,
        color: '#8A2BE2',
        fontWeight: 'bold',
        fontStyle: 'italic',
    },
});

export default styles;