This repository has been archived by the owner on Nov 18, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.js
107 lines (105 loc) · 2.76 KB
/
theme.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
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
98
99
100
101
102
103
104
105
106
107
let theme = {
colors: {
gold: {
'50': '#ffe291',
'100': '#fdd464',
'200': '#f9c740',
'300': '#f2bc26',
'400': '#e9b116',
'500': '#dca50c',
'600': '#cb9705',
'700': '#b68602',
'800': '#9e7400',
'900': '#856100',
},
red: {
'50': '#FF472A',
'100': '#FF3A1A',
'200': '#FB2300',
'300': '#DC1E00',
'400': '#BE1A00',
'500': '#9F1600',
'600': '#861200',
'700': '#6C0F00',
'800': '#520B00',
'900': '#390800'
},
gray: {
'50': '#c9c9c9',
'100': '#b7b5b5',
'200': '#a4a1a1',
'300': '#918d8d',
'400': '#7f7a7a',
'500': '#6c6767',
'600': '#595454',
'700': '#474242',
'800': '#343030',
'900': '#211e1e'
},
darkGray: {
'50': '#898989',
'100': '#848484',
'200': '#7A7A7A',
'300': '#6F6F6F',
'400': '#656565',
'500': '#5B5B5B',
'600': '#494949',
'700': '#373737',
'800': '#252525',
'900': '#141414'
},
blueGray: {
'50': '#62709B',
'100': '#5B6891',
'200': '#4D587B',
'300': '#404865',
'400': '#32394F',
'500': '#242939',
'600': '#1E2230',
'700': '#181C26',
'800': '#12151D',
'900': '#0C0E13'
},
lightBlue: {
'50': '#82CCF6',
'100': '#72C6F5',
'200': '#50B8F3',
'300': '#2FAAF1',
'400': '#109CEB',
'500': '#0E86CA',
'600': '#0C70A9',
'700': '#095A87',
'800': '#074466',
'900': '#052D44'
},
brown: {
'50': '#8d5a44',
'100': '#81523f',
'200': '#694333',
'300': '#513427',
'400': '#39241c',
'500': '#211510',
'600': '#170e0b',
'600-03a': 'rgba(23,14,11,0.03)',
'600-80a': 'rgba(23,14,11,0.8)',
'600-95a': 'rgba(23,14,11,0.95)'
}
},
fontSize: {
'2xs': '0.5625rem',
'xs': '0.675rem',
'sm': '0.775rem',
'base': '0.875rem',
'md': '0.975rem',
'lg': '1.125rem',
'xl': '1.3125rem',
'2xl': '1.75rem',
'3xl': '2.375rem',
'4xl': '3.1875rem'
},
fontFamily: {roboto: 'Roboto'}
};
// Filament forms
theme.colors.danger = theme.colors.red;
theme.colors.primary = theme.colors.gold;
module.exports = theme