react-native-sdk/src/embedded/hooks/useEmbeddedView/embeddedViewDefaults.ts at 4a47ef20e31cb883070c7a522cfdd317870b2f51 · Iterable/react-native-sdk · 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
export const embeddedBackgroundColors = {
  notification: '#ffffff',
  card: '#ffffff',
  banner: '#ffffff',
};

export const embeddedBorderColors = {
  notification: '#E0DEDF',
  card: '#E0DEDF',
  banner: '#E0DEDF',
};

export const embeddedPrimaryBtnBackgroundColors = {
  notification: '#6A266D',
  card: 'transparent',
  banner: '#6A266D',
};

export const embeddedPrimaryBtnTextColors = {
  notification: '#ffffff',
  card: '#79347F',
  banner: '#ffffff',
};

export const embeddedSecondaryBtnBackgroundColors = {
  notification: 'transparent',
  card: 'transparent',
  banner: 'transparent',
};

export const embeddedSecondaryBtnTextColors = {
  notification: '#79347F',
  card: '#79347F',
  banner: '#79347F',
};

export const embeddedTitleTextColors = {
  notification: '#3D3A3B',
  card: '#3D3A3B',
  banner: '#3D3A3B',
};

export const embeddedBodyTextColors = {
  notification: '#787174',
  card: '#787174',
  banner: '#787174',
};

export const embeddedBorderRadius = {
  notification: 8,
  card: 6,
  banner: 8,
};

export const embeddedBorderWidth = {
  notification: 1,
  card: 1,
  banner: 1,
};

export const embeddedMediaImageBorderColors = {
  notification: '#E0DEDF',
  card: '#E0DEDF',
  banner: '#E0DEDF',
};

export const embeddedMediaImageBackgroundColors = {
  notification: '#F5F4F4',
  card: '#F5F4F4',
  banner: '#F5F4F4',
};

export const embeddedStyles = {
  backgroundColor: embeddedBackgroundColors,
  bodyText: embeddedBodyTextColors,
  borderColor: embeddedBorderColors,
  borderCornerRadius: embeddedBorderRadius,
  borderWidth: embeddedBorderWidth,
  mediaImageBorder: embeddedMediaImageBorderColors,
  primaryBtnBackgroundColor: embeddedPrimaryBtnBackgroundColors,
  primaryBtnTextColor: embeddedPrimaryBtnTextColors,
  secondaryBtnBackground: embeddedSecondaryBtnBackgroundColors,
  secondaryBtnTextColor: embeddedSecondaryBtnTextColors,
  titleText: embeddedTitleTextColors,
};