-
Notifications
You must be signed in to change notification settings - Fork 1
/
wildfireHockeyTheme.ts
101 lines (100 loc) · 4.45 KB
/
wildfireHockeyTheme.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
import type { CustomThemeConfig } from "@skeletonlabs/tw-plugin";
export const wildfireHockey: CustomThemeConfig = {
name: "wildfire-hockey",
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": "8px",
"--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": "255 255 255",
"--on-warning": "0 0 0",
"--on-error": "255 255 255",
"--on-surface": "255 255 255",
// =~= Theme Colors =~=
// primary | #ff5800
"--color-primary-50": "255 230 217", // #ffe6d9
"--color-primary-100": "255 222 204", // #ffdecc
"--color-primary-200": "255 213 191", // #ffd5bf
"--color-primary-300": "255 188 153", // #ffbc99
"--color-primary-400": "255 138 77", // #ff8a4d
"--color-primary-500": "255 88 0", // #ff5800
"--color-primary-600": "230 79 0", // #e64f00
"--color-primary-700": "191 66 0", // #bf4200
"--color-primary-800": "153 53 0", // #993500
"--color-primary-900": "125 43 0", // #7d2b00
// secondary | #801e1e
"--color-secondary-50": "236 221 221", // #ecdddd
"--color-secondary-100": "230 210 210", // #e6d2d2
"--color-secondary-200": "223 199 199", // #dfc7c7
"--color-secondary-300": "204 165 165", // #cca5a5
"--color-secondary-400": "166 98 98", // #a66262
"--color-secondary-500": "128 30 30", // #801e1e
"--color-secondary-600": "115 27 27", // #731b1b
"--color-secondary-700": "96 23 23", // #601717
"--color-secondary-800": "77 18 18", // #4d1212
"--color-secondary-900": "63 15 15", // #3f0f0f
// tertiary | #ffb637
"--color-tertiary-50": "255 244 225", // #fff4e1
"--color-tertiary-100": "255 240 215", // #fff0d7
"--color-tertiary-200": "255 237 205", // #ffedcd
"--color-tertiary-300": "255 226 175", // #ffe2af
"--color-tertiary-400": "255 204 115", // #ffcc73
"--color-tertiary-500": "255 182 55", // #ffb637
"--color-tertiary-600": "230 164 50", // #e6a432
"--color-tertiary-700": "191 137 41", // #bf8929
"--color-tertiary-800": "153 109 33", // #996d21
"--color-tertiary-900": "125 89 27", // #7d591b
// success | #0b8109
"--color-success-50": "218 236 218", // #daecda
"--color-success-100": "206 230 206", // #cee6ce
"--color-success-200": "194 224 194", // #c2e0c2
"--color-success-300": "157 205 157", // #9dcd9d
"--color-success-400": "84 167 83", // #54a753
"--color-success-500": "11 129 9", // #0b8109
"--color-success-600": "10 116 8", // #0a7408
"--color-success-700": "8 97 7", // #086107
"--color-success-800": "7 77 5", // #074d05
"--color-success-900": "5 63 4", // #053f04
// warning | #e0bb00
"--color-warning-50": "250 245 217", // #faf5d9
"--color-warning-100": "249 241 204", // #f9f1cc
"--color-warning-200": "247 238 191", // #f7eebf
"--color-warning-300": "243 228 153", // #f3e499
"--color-warning-400": "233 207 77", // #e9cf4d
"--color-warning-500": "224 187 0", // #e0bb00
"--color-warning-600": "202 168 0", // #caa800
"--color-warning-700": "168 140 0", // #a88c00
"--color-warning-800": "134 112 0", // #867000
"--color-warning-900": "110 92 0", // #6e5c00
// error | #c20000
"--color-error-50": "246 217 217", // #f6d9d9
"--color-error-100": "243 204 204", // #f3cccc
"--color-error-200": "240 191 191", // #f0bfbf
"--color-error-300": "231 153 153", // #e79999
"--color-error-400": "212 77 77", // #d44d4d
"--color-error-500": "194 0 0", // #c20000
"--color-error-600": "175 0 0", // #af0000
"--color-error-700": "146 0 0", // #920000
"--color-error-800": "116 0 0", // #740000
"--color-error-900": "95 0 0", // #5f0000
// surface | #242938
"--color-surface-50": "222 223 225", // #dedfe1
"--color-surface-100": "211 212 215", // #d3d4d7
"--color-surface-200": "200 202 205", // #c8cacd
"--color-surface-300": "167 169 175", // #a7a9af
"--color-surface-400": "102 105 116", // #666974
"--color-surface-500": "36 41 56", // #242938
"--color-surface-600": "32 37 50", // #202532
"--color-surface-700": "27 31 42", // #1b1f2a
"--color-surface-800": "22 25 34", // #161922
"--color-surface-900": "18 20 27", // #12141b
},
};