-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.config.ts
101 lines (97 loc) · 3.66 KB
/
theme.config.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
export default {
name: 'skinshop-theme',
properties: {
// =~= Theme Properties =~=
"--theme-font-family-base": `system-ui`,
"--theme-font-family-heading": `system-ui`,
"--theme-font-color-base": "0 0 0",
"--theme-font-color-dark": "255 255 255",
"--theme-rounded-base": "12px",
"--theme-rounded-container": "12px",
"--theme-border-base": "2px",
// =~= Theme On-X Colors =~=
"--on-primary": "0 0 0",
"--on-secondary": "0 0 0",
"--on-tertiary": "255 255 255",
"--on-success": "0 0 0",
"--on-warning": "0 0 0",
"--on-error": "0 0 0",
"--on-surface": "0 0 0",
// =~= Theme Colors =~=
// primary | #a3b2e1
"--color-primary-50": "241 243 251",
"--color-primary-100": "237 240 249",
"--color-primary-200": "232 236 248",
"--color-primary-300": "218 224 243",
"--color-primary-400": "191 201 234",
"--color-primary-500": "163 178 225",
"--color-primary-600": "147 160 203",
"--color-primary-700": "122 134 169",
"--color-primary-800": "98 107 135",
"--color-primary-900": "80 87 110",
// secondary | #bfcdf3
"--color-secondary-50": "245 248 253",
"--color-secondary-100": "242 245 253",
"--color-secondary-200": "239 243 252",
"--color-secondary-300": "229 235 250",
"--color-secondary-400": "210 220 247",
"--color-secondary-500": "191 205 243",
"--color-secondary-600": "172 185 219",
"--color-secondary-700": "143 154 182",
"--color-secondary-800": "115 123 146",
"--color-secondary-900": "94 100 119",
// tertiary | #214ed4
"--color-tertiary-50": "222 228 249",
"--color-tertiary-100": "211 220 246",
"--color-tertiary-200": "200 211 244",
"--color-tertiary-300": "166 184 238",
"--color-tertiary-400": "100 131 225",
"--color-tertiary-500": "33 78 212",
"--color-tertiary-600": "30 70 191",
"--color-tertiary-700": "25 59 159",
"--color-tertiary-800": "20 47 127",
"--color-tertiary-900": "16 38 104",
// surface | #dee2ed
"--color-surface-50": "250 251 252",
"--color-surface-100": "248 249 251",
"--color-surface-200": "247 248 251",
"--color-surface-300": "242 243 248",
"--color-surface-400": "232 235 242",
"--color-surface-500": "222 226 237",
"--color-surface-600": "200 203 213",
"--color-surface-700": "167 170 178",
"--color-surface-800": "133 136 142",
"--color-surface-900": "109 111 116",
// else
'--color-success-50': '',
'--color-success-100': '',
'--color-success-200': '',
'--color-success-300': '',
'--color-success-400': '',
'--color-success-500': '',
'--color-success-600': '',
'--color-success-700': '',
'--color-success-800': '',
'--color-success-900': '',
'--color-warning-50': '',
'--color-warning-100': '',
'--color-warning-200': '',
'--color-warning-300': '',
'--color-warning-400': '',
'--color-warning-500': '',
'--color-warning-600': '',
'--color-warning-700': '',
'--color-warning-800': '',
'--color-warning-900': '',
'--color-error-50': '',
'--color-error-100': '',
'--color-error-200': '',
'--color-error-300': '',
'--color-error-400': '',
'--color-error-500': '',
'--color-error-600': '',
'--color-error-700': '',
'--color-error-800': '',
'--color-error-900': ''
}
}