forked from belezanaweb/test-app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.ts
80 lines (78 loc) · 1.37 KB
/
theme.ts
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
import { DefaultTheme } from 'styled-components';
const theme: DefaultTheme = {
palette: {
common: {
black: '#212121',
white: '#ffffff',
royalHeath: '#A43287',
softGrey: '#E0E0E0',
},
primary: '#FF6C00',
secondary: '#FFFFFF',
background: '#F8F8F8',
statusBar: '#ffffff',
smooth: '#C4C4C4',
dashed: '#999999',
contrast: '#6F6F6F',
},
dimensions: {
common: {
margin: {
extraSmall: 3,
small: 5,
normal: 10,
large: 16,
extraLarge: 18,
},
borderRadius: 4,
},
text: {
size: {
small: 11,
normal: 12,
large: 14,
extraLarge: 17,
bigLarge: 20,
ultraLarge: 24,
},
weight: {
normal: 400,
bold: 700,
},
fontFamily: {
default: 'Roboto',
android: {
normal: 'Roboto',
bold: 'Roboto_bold',
},
ios: {
normal: 'Roboto',
bold: 'Roboto-bold',
},
},
},
button: {
height: 36,
},
image: {
small: {
height: 108,
width: 108,
},
large: {
height: 163,
width: 163,
},
},
scrollView: {
paddingOffSet: 10,
},
gradient: {
height: 35,
},
header: {
height: 35,
},
},
};
export default theme;