-
Notifications
You must be signed in to change notification settings - Fork 0
/
skeleton-theme.ts
94 lines (93 loc) · 3.96 KB
/
skeleton-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
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const skeletonTheme: CustomThemeConfig = {
name: 'skeleton-theme',
properties: {
"--theme-font-family-base": "'Inter', sans-serif",
"--theme-font-family-heading": "'Inter', sans-serif",
"--theme-font-color-base": "var(--color-surface-900)",
"--theme-font-color-dark": "var(--color-surface-50)",
"--theme-rounded-base": "6px",
"--theme-rounded-container": "6px",
"--theme-border-base": "1px",
"--on-primary": "255 255 255",
"--on-secondary": "255 255 255",
"--on-tertiary": "0 0 0",
"--on-success": "0 0 0",
"--on-warning": "255 255 255",
"--on-error": "0 0 0",
"--on-surface": "0 0 0",
"--color-primary-50": "218 244 249",
"--color-primary-100": "205 240 246",
"--color-primary-200": "193 237 244",
"--color-primary-300": "155 226 238",
"--color-primary-400": "81 204 225",
"--color-primary-500": "6 182 212",
"--color-primary-600": "5 164 191",
"--color-primary-700": "5 137 159",
"--color-primary-800": "4 109 127",
"--color-primary-900": "3 89 104",
"--color-secondary-50": "226 236 254",
"--color-secondary-100": "216 230 253",
"--color-secondary-200": "206 224 253",
"--color-secondary-300": "177 205 251",
"--color-secondary-400": "118 168 249",
"--color-secondary-500": "59 130 246",
"--color-secondary-600": "53 117 221",
"--color-secondary-700": "44 98 185",
"--color-secondary-800": "35 78 148",
"--color-secondary-900": "29 64 121",
"--color-tertiary-50": "254 234 220",
"--color-tertiary-100": "254 227 208",
"--color-tertiary-200": "254 220 197",
"--color-tertiary-300": "253 199 162",
"--color-tertiary-400": "251 157 92",
"--color-tertiary-500": "249 115 22",
"--color-tertiary-600": "224 104 20",
"--color-tertiary-700": "187 86 17",
"--color-tertiary-800": "149 69 13",
"--color-tertiary-900": "122 56 11",
"--color-success-50": "222 246 231",
"--color-success-100": "211 243 223",
"--color-success-200": "200 241 215",
"--color-success-300": "167 232 191",
"--color-success-400": "100 214 142",
"--color-success-500": "34 197 94",
"--color-success-600": "31 177 85",
"--color-success-700": "26 148 71",
"--color-success-800": "20 118 56",
"--color-success-900": "17 97 46",
"--color-warning-50": "252 244 218",
"--color-warning-100": "251 240 206",
"--color-warning-200": "250 236 193",
"--color-warning-300": "247 225 156",
"--color-warning-400": "240 202 82",
"--color-warning-500": "234 179 8",
"--color-warning-600": "211 161 7",
"--color-warning-700": "176 134 6",
"--color-warning-800": "140 107 5",
"--color-warning-900": "115 88 4",
"--color-error-50": "253 227 227",
"--color-error-100": "252 218 218",
"--color-error-200": "251 208 208",
"--color-error-300": "249 180 180",
"--color-error-400": "244 124 124",
"--color-error-500": "239 68 68",
"--color-error-600": "215 61 61",
"--color-error-700": "179 51 51",
"--color-error-800": "143 41 41",
"--color-error-900": "117 33 33",
"--color-surface-50": "232 234 238",
"--color-surface-100": "224 227 232",
"--color-surface-200": "216 220 226",
"--color-surface-300": "193 199 209",
"--color-surface-400": "147 158 174",
"--color-surface-500": "100 116 139",
"--color-surface-600": "90 104 125",
"--color-surface-700": "75 87 104",
"--color-surface-800": "60 70 83",
"--color-surface-900": "49 57 68"
},
// properties_dark: {
// Optionally provide dark mode overrides for your CSS custom properties here
// }
}