-
Notifications
You must be signed in to change notification settings - Fork 7
/
variables.js
72 lines (65 loc) · 2.18 KB
/
variables.js
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
/* eslint-disable no-unused-vars */
import { getTheme } from 'util/appConfigHelper';
const {
backgroundColor,
loaderColor,
successColor,
errorColor,
fontColor,
cardColor,
primaryColor,
secondaryColor
} = getTheme() || {};
// My Account
export const MyAccountBlue = '#031a6e';
export const MyAccountContentColor = '#f8f9fc';
export const MyAccountTextGray = '#7B849D';
export const MyAccountTextLightGray = '#F2F5FC';
export const CardSecondaryColor = '#182c7a';
export const MyAccountMenu = '#f2f5fc';
export const MyAccountMenuActive = successColor || '#4EB7A1';
export const PayPal = '#61AEF0';
// Payment Methods
export const paymentMethodColors = {
paypalMainColor: '#61AEF0',
paypalSecondaryColor: '#74B8F2',
amazonMainColor: '#FDA625',
amazonSecondaryColor: '#EF9A1B',
appleMainColor: '#1C1C1C',
appleSecondaryColor: '#252525',
androidMainColor: '#62DBA3',
androidSecondaryColor: '#63CB9B',
rokuMainColor: '#662C91',
rokuSecondaryColor: '#7838A8'
};
// Common colors
export const BackgroundColor = backgroundColor || '#F8FAFD';
export const CardColor = cardColor || '#ffffff';
export const FontColor = fontColor || '#515364';
export const ConfirmColor = successColor || '#4EB7A1';
export const ErrorColor = errorColor || '#CB4477';
export const PrimaryColor = primaryColor || FontColor;
export const SecondaryColor = secondaryColor || BackgroundColor;
export const LoaderColor = loaderColor || '#eeeff2';
export const IconsColor = '#BCC3CD';
export const LineColor = '#D3DBE6';
export const White = '#FFFFFF';
export const MediumGrey = '#b7bfca';
export const TextFieldBorderFilter =
'invert(87%) sepia(14%) saturate(243%) hue-rotate(213deg) brightness(96%) contrast(80%)';
export const FocusColor = '#80b4ea';
export const PaymentButtonBgn = '#00112c';
export const Weak = '#ea753c';
export const Fair = '#e7ca27';
export const Good = '#5da3bd';
export const Strong = '#5db98f';
// Fonts
export const LargeFont = '25px';
export const BigFont = '16px';
export const MediumFont = '14px';
export const SmallFont = '12px';
export const TinyFont = '11px';
export const MicroFont = '9px';
export const BoldFont = '700';
export const MediumFontWeight = '600';
export const LightFont = '300';