-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstargazer-theme.ts
103 lines (100 loc) · 4.29 KB
/
stargazer-theme.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
102
103
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const stargazerTheme: CustomThemeConfig = {
name: 'stargazer-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": "0 0 0",
"--on-tertiary": "0 0 0",
"--on-success": "255 255 255",
"--on-warning": "0 0 0",
"--on-error": "0 0 0",
"--on-surface": "0 0 0",
// =~= Theme Colors =~=
// primary | #D4AF37
"--color-primary-50": "249 243 225", // #f9f3e1
"--color-primary-100": "246 239 215", // #f6efd7
"--color-primary-200": "244 235 205", // #f4ebcd
"--color-primary-300": "238 223 175", // #eedfaf
"--color-primary-400": "225 199 115", // #e1c773
"--color-primary-500": "212 175 55", // #D4AF37
"--color-primary-600": "191 158 50", // #bf9e32
"--color-primary-700": "159 131 41", // #9f8329
"--color-primary-800": "127 105 33", // #7f6921
"--color-primary-900": "104 86 27", // #68561b
// secondary | #ac8b1f
"--color-secondary-50": "243 238 221", // #f3eedd
"--color-secondary-100": "238 232 210", // #eee8d2
"--color-secondary-200": "234 226 199", // #eae2c7
"--color-secondary-300": "222 209 165", // #ded1a5
"--color-secondary-400": "197 174 98", // #c5ae62
"--color-secondary-500": "172 139 31", // #ac8b1f
"--color-secondary-600": "155 125 28", // #9b7d1c
"--color-secondary-700": "129 104 23", // #816817
"--color-secondary-800": "103 83 19", // #675313
"--color-secondary-900": "84 68 15", // #54440f
// tertiary | #a34424
"--color-tertiary-50": "241 227 222", // #f1e3de
"--color-tertiary-100": "237 218 211", // #eddad3
"--color-tertiary-200": "232 208 200", // #e8d0c8
"--color-tertiary-300": "218 180 167", // #dab4a7
"--color-tertiary-400": "191 124 102", // #bf7c66
"--color-tertiary-500": "163 68 36", // #a34424
"--color-tertiary-600": "147 61 32", // #933d20
"--color-tertiary-700": "122 51 27", // #7a331b
"--color-tertiary-800": "98 41 22", // #622916
"--color-tertiary-900": "80 33 18", // #502112
// success | #00ff00
"--color-success-50": "217 255 217", // #d9ffd9
"--color-success-100": "204 255 204", // #ccffcc
"--color-success-200": "191 255 191", // #bfffbf
"--color-success-300": "153 255 153", // #99ff99
"--color-success-400": "77 255 77", // #4dff4d
"--color-success-500": "0 255 0", // #00ff00
"--color-success-600": "0 230 0", // #00e600
"--color-success-700": "0 191 0", // #00bf00
"--color-success-800": "0 153 0", // #009900
"--color-success-900": "0 125 0", // #007d00
// warning | #ffc400
"--color-warning-50": "255 246 217", // #fff6d9
"--color-warning-100": "255 243 204", // #fff3cc
"--color-warning-200": "255 240 191", // #fff0bf
"--color-warning-300": "255 231 153", // #ffe799
"--color-warning-400": "255 214 77", // #ffd64d
"--color-warning-500": "255 196 0", // #ffc400
"--color-warning-600": "230 176 0", // #e6b000
"--color-warning-700": "191 147 0", // #bf9300
"--color-warning-800": "153 118 0", // #997600
"--color-warning-900": "125 96 0", // #7d6000
// error | #ff0000
"--color-error-50": "255 217 217", // #ffd9d9
"--color-error-100": "255 204 204", // #ffcccc
"--color-error-200": "255 191 191", // #ffbfbf
"--color-error-300": "255 153 153", // #ff9999
"--color-error-400": "255 77 77", // #ff4d4d
"--color-error-500": "255 0 0", // #ff0000
"--color-error-600": "230 0 0", // #e60000
"--color-error-700": "191 0 0", // #bf0000
"--color-error-800": "153 0 0", // #990000
"--color-error-900": "125 0 0", // #7d0000
// surface | #dad8d8
"--color-surface-50": "255 255 255", // #f9f9f9
"--color-surface-100": "248 247 247", // #f8f7f7
"--color-surface-200": "246 245 245", // #f6f5f5
"--color-surface-300": "240 239 239", // #f0efef
"--color-surface-400": "229 228 228", // #e5e4e4
"--color-surface-500": "218 216 216", // #dad8d8
"--color-surface-600": "196 194 194", // #c4c2c2
"--color-surface-700": "164 162 162", // #a4a2a2
"--color-surface-800": "131 130 130", // #838282
"--color-surface-900": "107 106 106", // #6b6a6a
}
}