generated from NewcastleRSE/Standard-Project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
bee-theme.js
101 lines (99 loc) · 4.23 KB
/
bee-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
export const beeTheme = {
name: 'bee-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": "9999px",
"--theme-rounded-container": "8px",
"--theme-border-base": "1px",
// =~= Theme On-X Colors =~=
"--on-primary": "0 0 0",
"--on-secondary": "255 255 255",
"--on-tertiary": "0 0 0",
"--on-success": "0 0 0",
"--on-warning": "0 0 0",
"--on-error": "255 255 255",
"--on-surface": "0 0 0",
// =~= Theme Colors =~=
// primary | #F7C040
"--color-primary-50": "254 246 226", // #fef6e2
"--color-primary-100": "253 242 217", // #fdf2d9
"--color-primary-200": "253 239 207", // #fdefcf
"--color-primary-300": "252 230 179", // #fce6b3
"--color-primary-400": "249 211 121", // #f9d379
"--color-primary-500": "247 192 64", // #F7C040
"--color-primary-600": "222 173 58", // #dead3a
"--color-primary-700": "185 144 48", // #b99030
"--color-primary-800": "148 115 38", // #947326
"--color-primary-900": "121 94 31", // #795e1f
// secondary | #264653
"--color-secondary-50": "222 227 229", // #dee3e5
"--color-secondary-100": "212 218 221", // #d4dadd
"--color-secondary-200": "201 209 212", // #c9d1d4
"--color-secondary-300": "168 181 186", // #a8b5ba
"--color-secondary-400": "103 126 135", // #677e87
"--color-secondary-500": "38 70 83", // #264653
"--color-secondary-600": "34 63 75", // #223f4b
"--color-secondary-700": "29 53 62", // #1d353e
"--color-secondary-800": "23 42 50", // #172a32
"--color-secondary-900": "19 34 41", // #132229
// tertiary | #D8DBE2
"--color-tertiary-50": "249 250 251", // #f9fafb
"--color-tertiary-100": "247 248 249", // #f7f8f9
"--color-tertiary-200": "245 246 248", // #f5f6f8
"--color-tertiary-300": "239 241 243", // #eff1f3
"--color-tertiary-400": "228 230 235", // #e4e6eb
"--color-tertiary-500": "216 219 226", // #D8DBE2
"--color-tertiary-600": "194 197 203", // #c2c5cb
"--color-tertiary-700": "162 164 170", // #a2a4aa
"--color-tertiary-800": "130 131 136", // #828388
"--color-tertiary-900": "106 107 111", // #6a6b6f
// success | #45B56A
"--color-success-50": "227 244 233", // #e3f4e9
"--color-success-100": "218 240 225", // #daf0e1
"--color-success-200": "209 237 218", // #d1edda
"--color-success-300": "181 225 195", // #b5e1c3
"--color-success-400": "125 203 151", // #7dcb97
"--color-success-500": "69 181 106", // #45B56A
"--color-success-600": "62 163 95", // #3ea35f
"--color-success-700": "52 136 80", // #348850
"--color-success-800": "41 109 64", // #296d40
"--color-success-900": "34 89 52", // #225934
// warning | #FFED29
"--color-warning-50": "255 252 223", // #fffcdf
"--color-warning-100": "255 251 212", // #fffbd4
"--color-warning-200": "255 251 202", // #fffbca
"--color-warning-300": "255 248 169", // #fff8a9
"--color-warning-400": "255 242 105", // #fff269
"--color-warning-500": "255 237 41", // #FFED29
"--color-warning-600": "230 213 37", // #e6d525
"--color-warning-700": "191 178 31", // #bfb21f
"--color-warning-800": "153 142 25", // #998e19
"--color-warning-900": "125 116 20", // #7d7414
// error | #9A2333
"--color-error-50": "240 222 224", // #f0dee0
"--color-error-100": "235 211 214", // #ebd3d6
"--color-error-200": "230 200 204", // #e6c8cc
"--color-error-300": "215 167 173", // #d7a7ad
"--color-error-400": "184 101 112", // #b86570
"--color-error-500": "154 35 51", // #9A2333
"--color-error-600": "139 32 46", // #8b202e
"--color-error-700": "116 26 38", // #741a26
"--color-error-800": "92 21 31", // #5c151f
"--color-error-900": "75 17 25", // #4b1119
// surface | #FFE29E
"--color-surface-50": "255 251 240", // #fffbf0
"--color-surface-100": "255 249 236", // #fff9ec
"--color-surface-200": "255 248 231", // #fff8e7
"--color-surface-300": "255 243 216", // #fff3d8
"--color-surface-400": "255 235 187", // #ffebbb
"--color-surface-500": "255 226 158", // #FFE29E
"--color-surface-600": "230 203 142", // #e6cb8e
"--color-surface-700": "191 170 119", // #bfaa77
"--color-surface-800": "153 136 95", // #99885f
"--color-surface-900": "125 111 77", // #7d6f4d
}
}