-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmy-custom-theme.ts
91 lines (90 loc) · 3.33 KB
/
my-custom-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
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const myCustomTheme: CustomThemeConfig = {
name: 'my-custom-theme',
properties: {
'--theme-font-family-base': "'PatrickHand', sans-serif",
'--theme-font-family-heading': "'PatrickHand', sans-serif",
'--theme-font-color-base': '0 0 0',
'--theme-font-color-dark': '255 255 255',
'--theme-rounded-base': '8px',
'--theme-rounded-container': '2px',
'--theme-border-base': '2px',
'--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': '255 255 255',
'--color-primary-50': '239 243 245',
'--color-primary-100': '233 240 241',
'--color-primary-200': '228 236 238',
'--color-primary-300': '212 224 227',
'--color-primary-400': '179 201 207',
'--color-primary-500': '147 178 186',
'--color-primary-600': '132 160 167',
'--color-primary-700': '110 134 140',
'--color-primary-800': '88 107 112',
'--color-primary-900': '72 87 91',
'--color-secondary-50': '225 226 230',
'--color-secondary-100': '215 217 222',
'--color-secondary-200': '205 207 213',
'--color-secondary-300': '175 178 188',
'--color-secondary-400': '116 121 138',
'--color-secondary-500': '56 63 88',
'--color-secondary-600': '50 57 79',
'--color-secondary-700': '42 47 66',
'--color-secondary-800': '34 38 53',
'--color-secondary-900': '27 31 43',
'--color-tertiary-50': '239 239 239',
'--color-tertiary-100': '233 233 233',
'--color-tertiary-200': '228 228 228',
'--color-tertiary-300': '211 211 211',
'--color-tertiary-400': '178 178 178',
'--color-tertiary-500': '145 145 145',
'--color-tertiary-600': '131 131 131',
'--color-tertiary-700': '109 109 109',
'--color-tertiary-800': '87 87 87',
'--color-tertiary-900': '71 71 71',
'--color-success-50': '234 247 232',
'--color-success-100': '226 245 225',
'--color-success-200': '219 242 217',
'--color-success-300': '198 235 195',
'--color-success-400': '155 219 149',
'--color-success-500': '112 204 104',
'--color-success-600': '101 184 94',
'--color-success-700': '84 153 78',
'--color-success-800': '67 122 62',
'--color-success-900': '55 100 51',
'--color-warning-50': '251 250 227',
'--color-warning-100': '249 248 218',
'--color-warning-200': '248 247 209',
'--color-warning-300': '243 241 181',
'--color-warning-400': '235 231 126',
'--color-warning-500': '226 221 71',
'--color-warning-600': '203 199 64',
'--color-warning-700': '170 166 53',
'--color-warning-800': '136 133 43',
'--color-warning-900': '111 108 35',
'--color-error-50': '255 217 217',
'--color-error-100': '255 204 204',
'--color-error-200': '255 191 191',
'--color-error-300': '255 153 153',
'--color-error-400': '255 77 77',
'--color-error-500': '255 0 0',
'--color-error-600': '230 0 0',
'--color-error-700': '191 0 0',
'--color-error-800': '153 0 0',
'--color-error-900': '125 0 0',
'--color-surface-50': '227 227 227',
'--color-surface-100': '218 218 218',
'--color-surface-200': '208 208 208',
'--color-surface-300': '180 180 180',
'--color-surface-400': '124 124 124',
'--color-surface-500': '68 68 68',
'--color-surface-600': '61 61 61',
'--color-surface-700': '51 51 51',
'--color-surface-800': '41 41 41',
'--color-surface-900': '33 33 33'
}
};