@code-coaching/vuetiful 0.44.0 → 0.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/css/themes/vuetiful.css +279 -0
  2. package/dist/css/vuetiful.css +1 -0
  3. package/dist/themes/vuetiful.css +279 -0
  4. package/dist/types/utils/theme/theme.service.d.ts +1 -2
  5. package/dist/types/utils/theme/themes.d.ts +2 -3
  6. package/dist/types/utils/theme/vuetiful.theme.d.ts +2 -223
  7. package/dist/vuetiful.es.mjs +7397 -8891
  8. package/dist/vuetiful.umd.cjs +9 -233
  9. package/package.json +15 -13
  10. package/dist/types/utils/theme/rocket.theme.d.ts +0 -223
package/dist/css/themes/vuetiful.css ADDED
@@ -0,0 +1,279 @@
1
+ /* vietnamese */
2
+ @font-face {
3
+ font-family: 'Quicksand';
4
+ font-style: normal;
5
+ font-weight: 300 700;
6
+ font-display: swap;
7
+ src: url(/fonts/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJFQNYuDyP7bh.woff2) format('woff2');
8
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
9
+ }
10
+ /* latin-ext */
11
+ @font-face {
12
+ font-family: 'Quicksand';
13
+ font-style: normal;
14
+ font-weight: 300 700;
15
+ font-display: swap;
16
+ src: url(/fonts/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJVQNYuDyP7bh.woff2) format('woff2');
17
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
18
+ }
19
+ /* latin */
20
+ @font-face {
21
+ font-family: 'Quicksand';
22
+ font-style: normal;
23
+ font-weight: 300 700;
24
+ font-display: swap;
25
+ src: url(/fonts/quicksand/v31/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2');
26
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
27
+ }
28
+
29
+ [data-theme='vuetiful'] {
30
+ --spacing: 0.25rem;
31
+ --text-scaling: 1.0;
32
+ --base-font-color: var(--color-surface-950);
33
+ --base-font-color-dark: var(--color-surface-50);
34
+ --base-font-family: 'Quicksand', system-ui;
35
+ --base-font-size: inherit;
36
+ --base-line-height: inherit;
37
+ --base-font-weight: normal;
38
+ --base-font-style: normal;
39
+ --base-letter-spacing: 0em;
40
+ --heading-font-color: var(--color-surface-950);
41
+ --heading-font-color-dark: var(--color-surface-50);
42
+ --heading-font-family: 'Quicksand', system-ui;
43
+ --heading-font-weight: 700;
44
+ --heading-font-style: normal;
45
+ --heading-letter-spacing: inherit;
46
+ --anchor-font-color: var(--color-primary-500);
47
+ --anchor-font-color-dark: var(--color-primary-500);
48
+ --anchor-font-family: inherit;
49
+ --anchor-font-size: inherit;
50
+ --anchor-line-height: inherit;
51
+ --anchor-font-weight: normal;
52
+ --anchor-font-style: normal;
53
+ --anchor-letter-spacing: inherit;
54
+ --anchor-text-decoration: none;
55
+ --anchor-text-decoration-hover: underline;
56
+ --anchor-text-decoration-active: none;
57
+ --anchor-text-decoration-focus: none;
58
+ --body-background-color: var(--color-surface-50);
59
+ --body-background-color-dark: var(--color-surface-700);
60
+ --radius-base: 6px;
61
+ --radius-container: 12px;
62
+ --default-border-width: 1px;
63
+ --default-ring-width: 1px;
64
+ --default-divide-width: 1px;
65
+ --color-primary-50: oklab(0.905121 0.07272 -0.048553);
66
+ --color-primary-100: oklab(0.849449 0.100558 -0.04769);
67
+ --color-primary-200: oklab(0.793857 0.130399 -0.04485);
68
+ --color-primary-300: oklab(0.744484 0.160011 -0.039843);
69
+ --color-primary-400: oklab(0.69653 0.187961 -0.031874);
70
+ --color-primary-500: oklab(0.65592 0.210729 -0.021002);
71
+ --color-primary-600: oklab(0.592887 0.196385 -0.015651);
72
+ --color-primary-700: oklab(0.527752 0.182382 -0.010271);
73
+ --color-primary-800: oklab(0.464348 0.16742 -0.004485);
74
+ --color-primary-900: oklab(0.397163 0.150314 0.002747);
75
+ --color-primary-950: oklab(0.328249 0.131463 0.011057);
76
+ --color-primary-contrast-dark: var(--color-primary-950);
77
+ --color-primary-contrast-light: var(--color-primary-50);
78
+ --color-primary-contrast-50: var(--color-primary-contrast-dark);
79
+ --color-primary-contrast-100: var(--color-primary-contrast-dark);
80
+ --color-primary-contrast-200: var(--color-primary-contrast-dark);
81
+ --color-primary-contrast-300: var(--color-primary-contrast-dark);
82
+ --color-primary-contrast-400: var(--color-primary-contrast-dark);
83
+ --color-primary-contrast-500: var(--color-primary-contrast-dark);
84
+ --color-primary-contrast-600: var(--color-primary-contrast-light);
85
+ --color-primary-contrast-700: var(--color-primary-contrast-light);
86
+ --color-primary-contrast-800: var(--color-primary-contrast-light);
87
+ --color-primary-contrast-900: var(--color-primary-contrast-light);
88
+ --color-primary-contrast-950: var(--color-primary-contrast-light);
89
+ --color-secondary-50: oklab(0.953997 -0.066388 -0.019104);
90
+ --color-secondary-100: oklab(0.900278 -0.081546 -0.03148);
91
+ --color-secondary-200: oklab(0.851022 -0.094703 -0.043408);
92
+ --color-secondary-300: oklab(0.801892 -0.102621 -0.054161);
93
+ --color-secondary-400: oklab(0.758103 -0.106249 -0.064053);
94
+ --color-secondary-500: oklab(0.714837 -0.102719 -0.072516);
95
+ --color-secondary-600: oklab(0.648044 -0.091874 -0.069229);
96
+ --color-secondary-700: oklab(0.579957 -0.080327 -0.067435);
97
+ --color-secondary-800: oklab(0.509261 -0.069032 -0.064306);
98
+ --color-secondary-900: oklab(0.43666 -0.056815 -0.062826);
99
+ --color-secondary-950: oklab(0.360417 -0.044628 -0.060047);
100
+ --color-secondary-contrast-dark: var(--color-secondary-950);
101
+ --color-secondary-contrast-light: var(--color-secondary-50);
102
+ --color-secondary-contrast-50: var(--color-secondary-contrast-dark);
103
+ --color-secondary-contrast-100: var(--color-secondary-contrast-dark);
104
+ --color-secondary-contrast-200: var(--color-secondary-contrast-dark);
105
+ --color-secondary-contrast-300: var(--color-secondary-contrast-dark);
106
+ --color-secondary-contrast-400: var(--color-secondary-contrast-dark);
107
+ --color-secondary-contrast-500: var(--color-secondary-contrast-dark);
108
+ --color-secondary-contrast-600: var(--color-secondary-contrast-dark);
109
+ --color-secondary-contrast-700: var(--color-secondary-contrast-light);
110
+ --color-secondary-contrast-800: var(--color-secondary-contrast-light);
111
+ --color-secondary-contrast-900: var(--color-secondary-contrast-light);
112
+ --color-secondary-contrast-950: var(--color-secondary-contrast-light);
113
+ --color-tertiary-50: oklab(0.951277 -0.070649 -0.020238);
114
+ --color-tertiary-100: oklab(0.899165 -0.087056 -0.018771);
115
+ --color-tertiary-200: oklab(0.848183 -0.101599 -0.016466);
116
+ --color-tertiary-300: oklab(0.796644 -0.111906 -0.015666);
117
+ --color-tertiary-400: oklab(0.749034 -0.119875 -0.011197);
118
+ --color-tertiary-500: oklab(0.703753 -0.122901 -0.005371);
119
+ --color-tertiary-600: oklab(0.637209 -0.111873 -0.003332);
120
+ --color-tertiary-700: oklab(0.566194 -0.099566 -0.002477);
121
+ --color-tertiary-800: oklab(0.495309 -0.088441 0.001237);
122
+ --color-tertiary-900: oklab(0.419109 -0.075586 0.002258);
123
+ --color-tertiary-950: oklab(0.342012 -0.063881 0.004703);
124
+ --color-tertiary-contrast-dark: var(--color-tertiary-950);
125
+ --color-tertiary-contrast-light: var(--color-tertiary-50);
126
+ --color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
127
+ --color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
128
+ --color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
129
+ --color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
130
+ --color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);
131
+ --color-tertiary-contrast-500: var(--color-tertiary-contrast-dark);
132
+ --color-tertiary-contrast-600: var(--color-tertiary-contrast-dark);
133
+ --color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
134
+ --color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
135
+ --color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
136
+ --color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
137
+ --color-success-50: oklab(0.979576 -0.036483 0.109929);
138
+ --color-success-100: oklab(0.935571 -0.059049 0.124415);
139
+ --color-success-200: oklab(0.893046 -0.080074 0.137411);
140
+ --color-success-300: oklab(0.84855 -0.099461 0.146279);
141
+ --color-success-400: oklab(0.807951 -0.117566 0.153021);
142
+ --color-success-500: oklab(0.768141 -0.133694 0.154614);
143
+ --color-success-600: oklab(0.69437 -0.130615 0.139806);
144
+ --color-success-700: oklab(0.618771 -0.127751 0.124895);
145
+ --color-success-800: oklab(0.54522 -0.123615 0.110193);
146
+ --color-success-900: oklab(0.467651 -0.11664 0.095266);
147
+ --color-success-950: oklab(0.389493 -0.10514 0.080691);
148
+ --color-success-contrast-dark: var(--color-success-950);
149
+ --color-success-contrast-light: var(--color-success-50);
150
+ --color-success-contrast-50: var(--color-success-contrast-dark);
151
+ --color-success-contrast-100: var(--color-success-contrast-dark);
152
+ --color-success-contrast-200: var(--color-success-contrast-dark);
153
+ --color-success-contrast-300: var(--color-success-contrast-dark);
154
+ --color-success-contrast-400: var(--color-success-contrast-dark);
155
+ --color-success-contrast-500: var(--color-success-contrast-dark);
156
+ --color-success-contrast-600: var(--color-success-contrast-dark);
157
+ --color-success-contrast-700: var(--color-success-contrast-light);
158
+ --color-success-contrast-800: var(--color-success-contrast-light);
159
+ --color-success-contrast-900: var(--color-success-contrast-light);
160
+ --color-success-contrast-950: var(--color-success-contrast-light);
161
+ --color-warning-50: oklab(0.978651 -0.038733 0.116018);
162
+ --color-warning-100: oklab(0.941009 -0.032324 0.132238);
163
+ --color-warning-200: oklab(0.903923 -0.02498 0.146799);
164
+ --color-warning-300: oklab(0.864807 -0.015219 0.156169);
165
+ --color-warning-400: oklab(0.829475 -0.003565 0.161903);
166
+ --color-warning-500: oklab(0.795243 0.011146 0.161283);
167
+ --color-warning-600: oklab(0.722354 0.014417 0.146453);
168
+ --color-warning-700: oklab(0.649657 0.016381 0.131545);
169
+ --color-warning-800: oklab(0.571643 0.018746 0.11581);
170
+ --color-warning-900: oklab(0.494323 0.021081 0.10007);
171
+ --color-warning-950: oklab(0.411792 0.025267 0.083882);
172
+ --color-warning-contrast-dark: var(--color-warning-950);
173
+ --color-warning-contrast-light: var(--color-warning-50);
174
+ --color-warning-contrast-50: var(--color-warning-contrast-dark);
175
+ --color-warning-contrast-100: var(--color-warning-contrast-dark);
176
+ --color-warning-contrast-200: var(--color-warning-contrast-dark);
177
+ --color-warning-contrast-300: var(--color-warning-contrast-dark);
178
+ --color-warning-contrast-400: var(--color-warning-contrast-dark);
179
+ --color-warning-contrast-500: var(--color-warning-contrast-dark);
180
+ --color-warning-contrast-600: var(--color-warning-contrast-dark);
181
+ --color-warning-contrast-700: var(--color-warning-contrast-light);
182
+ --color-warning-contrast-800: var(--color-warning-contrast-light);
183
+ --color-warning-contrast-900: var(--color-warning-contrast-light);
184
+ --color-warning-contrast-950: var(--color-warning-contrast-light);
185
+ --color-error-50: oklab(0.875273 0.054678 0.040492);
186
+ --color-error-100: oklab(0.820267 0.082987 0.047163);
187
+ --color-error-200: oklab(0.767904 0.111877 0.055331);
188
+ --color-error-300: oklab(0.716499 0.140704 0.064152);
189
+ --color-error-400: oklab(0.673193 0.166648 0.07591);
190
+ --color-error-500: oklab(0.636834 0.187864 0.088929);
191
+ --color-error-600: oklab(0.574632 0.174673 0.084365);
192
+ --color-error-700: oklab(0.512188 0.160189 0.078979);
193
+ --color-error-800: oklab(0.449444 0.146344 0.074503);
194
+ --color-error-900: oklab(0.384505 0.129869 0.068318);
195
+ --color-error-950: oklab(0.316006 0.113158 0.06333);
196
+ --color-error-contrast-dark: var(--color-error-950);
197
+ --color-error-contrast-light: var(--color-error-50);
198
+ --color-error-contrast-50: var(--color-error-contrast-dark);
199
+ --color-error-contrast-100: var(--color-error-contrast-dark);
200
+ --color-error-contrast-200: var(--color-error-contrast-dark);
201
+ --color-error-contrast-300: var(--color-error-contrast-dark);
202
+ --color-error-contrast-400: var(--color-error-contrast-dark);
203
+ --color-error-contrast-500: var(--color-error-contrast-dark);
204
+ --color-error-contrast-600: var(--color-error-contrast-light);
205
+ --color-error-contrast-700: var(--color-error-contrast-light);
206
+ --color-error-contrast-800: var(--color-error-contrast-light);
207
+ --color-error-contrast-900: var(--color-error-contrast-light);
208
+ --color-error-contrast-950: var(--color-error-contrast-light);
209
+ --color-surface-50: oklab(0.922603 0.027602 -0.038028);
210
+ --color-surface-100: oklab(0.853413 0.030671 -0.068602);
211
+ --color-surface-200: oklab(0.784984 0.033749 -0.100309);
212
+ --color-surface-300: oklab(0.716726 0.034124 -0.13504);
213
+ --color-surface-400: oklab(0.650078 0.032436 -0.168738);
214
+ --color-surface-500: oklab(0.585404 0.025283 -0.202483);
215
+ --color-surface-600: oklab(0.519797 0.019686 -0.198274);
216
+ --color-surface-700: oklab(0.451689 0.013599 -0.194828);
217
+ --color-surface-800: oklab(0.385624 0.006145 -0.189093);
218
+ --color-surface-900: oklab(0.319033 -0.004182 -0.18245);
219
+ --color-surface-950: oklab(0.257744 -0.017438 -0.170728);
220
+ --color-surface-contrast-dark: var(--color-surface-950);
221
+ --color-surface-contrast-light: var(--color-surface-50);
222
+ --color-surface-contrast-50: var(--color-surface-contrast-dark);
223
+ --color-surface-contrast-100: var(--color-surface-contrast-dark);
224
+ --color-surface-contrast-200: var(--color-surface-contrast-dark);
225
+ --color-surface-contrast-300: var(--color-surface-contrast-dark);
226
+ --color-surface-contrast-400: var(--color-surface-contrast-dark);
227
+ --color-surface-contrast-500: var(--color-surface-contrast-dark);
228
+ --color-surface-contrast-600: var(--color-surface-contrast-light);
229
+ --color-surface-contrast-700: var(--color-surface-contrast-light);
230
+ --color-surface-contrast-800: var(--color-surface-contrast-light);
231
+ --color-surface-contrast-900: var(--color-surface-contrast-light);
232
+ --color-surface-contrast-950: var(--color-surface-contrast-light);
233
+
234
+ /* prettier-ignore */
235
+ background-image:
236
+ radial-gradient(at 76% 0%, hsla(189,100%,56%,0.36) 0px, transparent 50%),
237
+ radial-gradient(at 1% 0%, hsla(340,100%,76%,0.26) 0px, transparent 50%),
238
+ radial-gradient(at 20% 100%, hsla(241,100%,70%,0.47) 0px, transparent 50%);
239
+
240
+ & .kbd {
241
+ background-color: var(--color-surface-600);
242
+ color: var(--color-surface-contrast-600);
243
+ }
244
+
245
+ & .code {
246
+ background-color: var(--color-surface-700);
247
+ color: var(--color-surface-contrast-700);
248
+ }
249
+
250
+ & .anchor {
251
+ color: var(--color-surface-950);
252
+ font-weight: 800;
253
+ font-style: italic;
254
+ }
255
+ }
256
+
257
+ .dark[data-theme='vuetiful'] {
258
+ /* prettier-ignore */
259
+ background-image:
260
+ radial-gradient(at 76% 0%, hsla(189,100%,56%,0.20) 0px, transparent 50%),
261
+ radial-gradient(at 1% 0%, hsla(340,100%,76%,0.15) 0px, transparent 50%),
262
+ radial-gradient(at 20% 100%, hsla(241,100%,70%,0.30) 0px, transparent 50%);
263
+
264
+ & .kbd {
265
+ background-color: var(--color-surface-400);
266
+ color: var(--color-surface-contrast-400);
267
+ }
268
+
269
+ & .code {
270
+ background-color: var(--color-surface-300);
271
+ color: var(--color-surface-contrast-300);
272
+ }
273
+
274
+ & .anchor {
275
+ color: var(--color-surface-50);
276
+ font-weight: 800;
277
+ font-style: italic;
278
+ }
279
+ }
package/dist/css/vuetiful.css ADDED
@@ -0,0 +1 @@
1
+ @source "../vuetiful.es.mjs";
package/dist/themes/vuetiful.css ADDED
@@ -0,0 +1,279 @@
1
+ /* vietnamese */
2
+ @font-face {
3
+ font-family: 'Quicksand';
4
+ font-style: normal;
5
+ font-weight: 300 700;
6
+ font-display: swap;
7
+ src: url(/fonts/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJFQNYuDyP7bh.woff2) format('woff2');
8
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
9
+ }
10
+ /* latin-ext */
11
+ @font-face {
12
+ font-family: 'Quicksand';
13
+ font-style: normal;
14
+ font-weight: 300 700;
15
+ font-display: swap;
16
+ src: url(/fonts/quicksand/v31/6xKtdSZaM9iE8KbpRA_hJVQNYuDyP7bh.woff2) format('woff2');
17
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
18
+ }
19
+ /* latin */
20
+ @font-face {
21
+ font-family: 'Quicksand';
22
+ font-style: normal;
23
+ font-weight: 300 700;
24
+ font-display: swap;
25
+ src: url(/fonts/quicksand/v31/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format('woff2');
26
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
27
+ }
28
+
29
+ [data-theme='vuetiful'] {
30
+ --spacing: 0.25rem;
31
+ --text-scaling: 1.0;
32
+ --base-font-color: var(--color-surface-950);
33
+ --base-font-color-dark: var(--color-surface-50);
34
+ --base-font-family: 'Quicksand', system-ui;
35
+ --base-font-size: inherit;
36
+ --base-line-height: inherit;
37
+ --base-font-weight: normal;
38
+ --base-font-style: normal;
39
+ --base-letter-spacing: 0em;
40
+ --heading-font-color: var(--color-surface-950);
41
+ --heading-font-color-dark: var(--color-surface-50);
42
+ --heading-font-family: 'Quicksand', system-ui;
43
+ --heading-font-weight: 700;
44
+ --heading-font-style: normal;
45
+ --heading-letter-spacing: inherit;
46
+ --anchor-font-color: var(--color-primary-500);
47
+ --anchor-font-color-dark: var(--color-primary-500);
48
+ --anchor-font-family: inherit;
49
+ --anchor-font-size: inherit;
50
+ --anchor-line-height: inherit;
51
+ --anchor-font-weight: normal;
52
+ --anchor-font-style: normal;
53
+ --anchor-letter-spacing: inherit;
54
+ --anchor-text-decoration: none;
55
+ --anchor-text-decoration-hover: underline;
56
+ --anchor-text-decoration-active: none;
57
+ --anchor-text-decoration-focus: none;
58
+ --body-background-color: var(--color-surface-50);
59
+ --body-background-color-dark: var(--color-surface-700);
60
+ --radius-base: 6px;
61
+ --radius-container: 12px;
62
+ --default-border-width: 1px;
63
+ --default-ring-width: 1px;
64
+ --default-divide-width: 1px;
65
+ --color-primary-50: oklab(0.905121 0.07272 -0.048553);
66
+ --color-primary-100: oklab(0.849449 0.100558 -0.04769);
67
+ --color-primary-200: oklab(0.793857 0.130399 -0.04485);
68
+ --color-primary-300: oklab(0.744484 0.160011 -0.039843);
69
+ --color-primary-400: oklab(0.69653 0.187961 -0.031874);
70
+ --color-primary-500: oklab(0.65592 0.210729 -0.021002);
71
+ --color-primary-600: oklab(0.592887 0.196385 -0.015651);
72
+ --color-primary-700: oklab(0.527752 0.182382 -0.010271);
73
+ --color-primary-800: oklab(0.464348 0.16742 -0.004485);
74
+ --color-primary-900: oklab(0.397163 0.150314 0.002747);
75
+ --color-primary-950: oklab(0.328249 0.131463 0.011057);
76
+ --color-primary-contrast-dark: var(--color-primary-950);
77
+ --color-primary-contrast-light: var(--color-primary-50);
78
+ --color-primary-contrast-50: var(--color-primary-contrast-dark);
79
+ --color-primary-contrast-100: var(--color-primary-contrast-dark);
80
+ --color-primary-contrast-200: var(--color-primary-contrast-dark);
81
+ --color-primary-contrast-300: var(--color-primary-contrast-dark);
82
+ --color-primary-contrast-400: var(--color-primary-contrast-dark);
83
+ --color-primary-contrast-500: var(--color-primary-contrast-dark);
84
+ --color-primary-contrast-600: var(--color-primary-contrast-light);
85
+ --color-primary-contrast-700: var(--color-primary-contrast-light);
86
+ --color-primary-contrast-800: var(--color-primary-contrast-light);
87
+ --color-primary-contrast-900: var(--color-primary-contrast-light);
88
+ --color-primary-contrast-950: var(--color-primary-contrast-light);
89
+ --color-secondary-50: oklab(0.953997 -0.066388 -0.019104);
90
+ --color-secondary-100: oklab(0.900278 -0.081546 -0.03148);
91
+ --color-secondary-200: oklab(0.851022 -0.094703 -0.043408);
92
+ --color-secondary-300: oklab(0.801892 -0.102621 -0.054161);
93
+ --color-secondary-400: oklab(0.758103 -0.106249 -0.064053);
94
+ --color-secondary-500: oklab(0.714837 -0.102719 -0.072516);
95
+ --color-secondary-600: oklab(0.648044 -0.091874 -0.069229);
96
+ --color-secondary-700: oklab(0.579957 -0.080327 -0.067435);
97
+ --color-secondary-800: oklab(0.509261 -0.069032 -0.064306);
98
+ --color-secondary-900: oklab(0.43666 -0.056815 -0.062826);
99
+ --color-secondary-950: oklab(0.360417 -0.044628 -0.060047);
100
+ --color-secondary-contrast-dark: var(--color-secondary-950);
101
+ --color-secondary-contrast-light: var(--color-secondary-50);
102
+ --color-secondary-contrast-50: var(--color-secondary-contrast-dark);
103
+ --color-secondary-contrast-100: var(--color-secondary-contrast-dark);
104
+ --color-secondary-contrast-200: var(--color-secondary-contrast-dark);
105
+ --color-secondary-contrast-300: var(--color-secondary-contrast-dark);
106
+ --color-secondary-contrast-400: var(--color-secondary-contrast-dark);
107
+ --color-secondary-contrast-500: var(--color-secondary-contrast-dark);
108
+ --color-secondary-contrast-600: var(--color-secondary-contrast-dark);
109
+ --color-secondary-contrast-700: var(--color-secondary-contrast-light);
110
+ --color-secondary-contrast-800: var(--color-secondary-contrast-light);
111
+ --color-secondary-contrast-900: var(--color-secondary-contrast-light);
112
+ --color-secondary-contrast-950: var(--color-secondary-contrast-light);
113
+ --color-tertiary-50: oklab(0.951277 -0.070649 -0.020238);
114
+ --color-tertiary-100: oklab(0.899165 -0.087056 -0.018771);
115
+ --color-tertiary-200: oklab(0.848183 -0.101599 -0.016466);
116
+ --color-tertiary-300: oklab(0.796644 -0.111906 -0.015666);
117
+ --color-tertiary-400: oklab(0.749034 -0.119875 -0.011197);
118
+ --color-tertiary-500: oklab(0.703753 -0.122901 -0.005371);
119
+ --color-tertiary-600: oklab(0.637209 -0.111873 -0.003332);
120
+ --color-tertiary-700: oklab(0.566194 -0.099566 -0.002477);
121
+ --color-tertiary-800: oklab(0.495309 -0.088441 0.001237);
122
+ --color-tertiary-900: oklab(0.419109 -0.075586 0.002258);
123
+ --color-tertiary-950: oklab(0.342012 -0.063881 0.004703);
124
+ --color-tertiary-contrast-dark: var(--color-tertiary-950);
125
+ --color-tertiary-contrast-light: var(--color-tertiary-50);
126
+ --color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
127
+ --color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
128
+ --color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
129
+ --color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
130
+ --color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);
131
+ --color-tertiary-contrast-500: var(--color-tertiary-contrast-dark);
132
+ --color-tertiary-contrast-600: var(--color-tertiary-contrast-dark);
133
+ --color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
134
+ --color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
135
+ --color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
136
+ --color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
137
+ --color-success-50: oklab(0.979576 -0.036483 0.109929);
138
+ --color-success-100: oklab(0.935571 -0.059049 0.124415);
139
+ --color-success-200: oklab(0.893046 -0.080074 0.137411);
140
+ --color-success-300: oklab(0.84855 -0.099461 0.146279);
141
+ --color-success-400: oklab(0.807951 -0.117566 0.153021);
142
+ --color-success-500: oklab(0.768141 -0.133694 0.154614);
143
+ --color-success-600: oklab(0.69437 -0.130615 0.139806);
144
+ --color-success-700: oklab(0.618771 -0.127751 0.124895);
145
+ --color-success-800: oklab(0.54522 -0.123615 0.110193);
146
+ --color-success-900: oklab(0.467651 -0.11664 0.095266);
147
+ --color-success-950: oklab(0.389493 -0.10514 0.080691);
148
+ --color-success-contrast-dark: var(--color-success-950);
149
+ --color-success-contrast-light: var(--color-success-50);
150
+ --color-success-contrast-50: var(--color-success-contrast-dark);
151
+ --color-success-contrast-100: var(--color-success-contrast-dark);
152
+ --color-success-contrast-200: var(--color-success-contrast-dark);
153
+ --color-success-contrast-300: var(--color-success-contrast-dark);
154
+ --color-success-contrast-400: var(--color-success-contrast-dark);
155
+ --color-success-contrast-500: var(--color-success-contrast-dark);
156
+ --color-success-contrast-600: var(--color-success-contrast-dark);
157
+ --color-success-contrast-700: var(--color-success-contrast-light);
158
+ --color-success-contrast-800: var(--color-success-contrast-light);
159
+ --color-success-contrast-900: var(--color-success-contrast-light);
160
+ --color-success-contrast-950: var(--color-success-contrast-light);
161
+ --color-warning-50: oklab(0.978651 -0.038733 0.116018);
162
+ --color-warning-100: oklab(0.941009 -0.032324 0.132238);
163
+ --color-warning-200: oklab(0.903923 -0.02498 0.146799);
164
+ --color-warning-300: oklab(0.864807 -0.015219 0.156169);
165
+ --color-warning-400: oklab(0.829475 -0.003565 0.161903);
166
+ --color-warning-500: oklab(0.795243 0.011146 0.161283);
167
+ --color-warning-600: oklab(0.722354 0.014417 0.146453);
168
+ --color-warning-700: oklab(0.649657 0.016381 0.131545);
169
+ --color-warning-800: oklab(0.571643 0.018746 0.11581);
170
+ --color-warning-900: oklab(0.494323 0.021081 0.10007);
171
+ --color-warning-950: oklab(0.411792 0.025267 0.083882);
172
+ --color-warning-contrast-dark: var(--color-warning-950);
173
+ --color-warning-contrast-light: var(--color-warning-50);
174
+ --color-warning-contrast-50: var(--color-warning-contrast-dark);
175
+ --color-warning-contrast-100: var(--color-warning-contrast-dark);
176
+ --color-warning-contrast-200: var(--color-warning-contrast-dark);
177
+ --color-warning-contrast-300: var(--color-warning-contrast-dark);
178
+ --color-warning-contrast-400: var(--color-warning-contrast-dark);
179
+ --color-warning-contrast-500: var(--color-warning-contrast-dark);
180
+ --color-warning-contrast-600: var(--color-warning-contrast-dark);
181
+ --color-warning-contrast-700: var(--color-warning-contrast-light);
182
+ --color-warning-contrast-800: var(--color-warning-contrast-light);
183
+ --color-warning-contrast-900: var(--color-warning-contrast-light);
184
+ --color-warning-contrast-950: var(--color-warning-contrast-light);
185
+ --color-error-50: oklab(0.875273 0.054678 0.040492);
186
+ --color-error-100: oklab(0.820267 0.082987 0.047163);
187
+ --color-error-200: oklab(0.767904 0.111877 0.055331);
188
+ --color-error-300: oklab(0.716499 0.140704 0.064152);
189
+ --color-error-400: oklab(0.673193 0.166648 0.07591);
190
+ --color-error-500: oklab(0.636834 0.187864 0.088929);
191
+ --color-error-600: oklab(0.574632 0.174673 0.084365);
192
+ --color-error-700: oklab(0.512188 0.160189 0.078979);
193
+ --color-error-800: oklab(0.449444 0.146344 0.074503);
194
+ --color-error-900: oklab(0.384505 0.129869 0.068318);
195
+ --color-error-950: oklab(0.316006 0.113158 0.06333);
196
+ --color-error-contrast-dark: var(--color-error-950);
197
+ --color-error-contrast-light: var(--color-error-50);
198
+ --color-error-contrast-50: var(--color-error-contrast-dark);
199
+ --color-error-contrast-100: var(--color-error-contrast-dark);
200
+ --color-error-contrast-200: var(--color-error-contrast-dark);
201
+ --color-error-contrast-300: var(--color-error-contrast-dark);
202
+ --color-error-contrast-400: var(--color-error-contrast-dark);
203
+ --color-error-contrast-500: var(--color-error-contrast-dark);
204
+ --color-error-contrast-600: var(--color-error-contrast-light);
205
+ --color-error-contrast-700: var(--color-error-contrast-light);
206
+ --color-error-contrast-800: var(--color-error-contrast-light);
207
+ --color-error-contrast-900: var(--color-error-contrast-light);
208
+ --color-error-contrast-950: var(--color-error-contrast-light);
209
+ --color-surface-50: oklab(0.922603 0.027602 -0.038028);
210
+ --color-surface-100: oklab(0.853413 0.030671 -0.068602);
211
+ --color-surface-200: oklab(0.784984 0.033749 -0.100309);
212
+ --color-surface-300: oklab(0.716726 0.034124 -0.13504);
213
+ --color-surface-400: oklab(0.650078 0.032436 -0.168738);
214
+ --color-surface-500: oklab(0.585404 0.025283 -0.202483);
215
+ --color-surface-600: oklab(0.519797 0.019686 -0.198274);
216
+ --color-surface-700: oklab(0.451689 0.013599 -0.194828);
217
+ --color-surface-800: oklab(0.385624 0.006145 -0.189093);
218
+ --color-surface-900: oklab(0.319033 -0.004182 -0.18245);
219
+ --color-surface-950: oklab(0.257744 -0.017438 -0.170728);
220
+ --color-surface-contrast-dark: var(--color-surface-950);
221
+ --color-surface-contrast-light: var(--color-surface-50);
222
+ --color-surface-contrast-50: var(--color-surface-contrast-dark);
223
+ --color-surface-contrast-100: var(--color-surface-contrast-dark);
224
+ --color-surface-contrast-200: var(--color-surface-contrast-dark);
225
+ --color-surface-contrast-300: var(--color-surface-contrast-dark);
226
+ --color-surface-contrast-400: var(--color-surface-contrast-dark);
227
+ --color-surface-contrast-500: var(--color-surface-contrast-dark);
228
+ --color-surface-contrast-600: var(--color-surface-contrast-light);
229
+ --color-surface-contrast-700: var(--color-surface-contrast-light);
230
+ --color-surface-contrast-800: var(--color-surface-contrast-light);
231
+ --color-surface-contrast-900: var(--color-surface-contrast-light);
232
+ --color-surface-contrast-950: var(--color-surface-contrast-light);
233
+
234
+ /* prettier-ignore */
235
+ background-image:
236
+ radial-gradient(at 76% 0%, hsla(189,100%,56%,0.36) 0px, transparent 50%),
237
+ radial-gradient(at 1% 0%, hsla(340,100%,76%,0.26) 0px, transparent 50%),
238
+ radial-gradient(at 20% 100%, hsla(241,100%,70%,0.47) 0px, transparent 50%);
239
+
240
+ & .kbd {
241
+ background-color: var(--color-surface-600);
242
+ color: var(--color-surface-contrast-600);
243
+ }
244
+
245
+ & .code {
246
+ background-color: var(--color-surface-700);
247
+ color: var(--color-surface-contrast-700);
248
+ }
249
+
250
+ & .anchor {
251
+ color: var(--color-surface-950);
252
+ font-weight: 800;
253
+ font-style: italic;
254
+ }
255
+ }
256
+
257
+ .dark[data-theme='vuetiful'] {
258
+ /* prettier-ignore */
259
+ background-image:
260
+ radial-gradient(at 76% 0%, hsla(189,100%,56%,0.20) 0px, transparent 50%),
261
+ radial-gradient(at 1% 0%, hsla(340,100%,76%,0.15) 0px, transparent 50%),
262
+ radial-gradient(at 20% 100%, hsla(241,100%,70%,0.30) 0px, transparent 50%);
263
+
264
+ & .kbd {
265
+ background-color: var(--color-surface-400);
266
+ color: var(--color-surface-contrast-400);
267
+ }
268
+
269
+ & .code {
270
+ background-color: var(--color-surface-300);
271
+ color: var(--color-surface-contrast-300);
272
+ }
273
+
274
+ & .anchor {
275
+ color: var(--color-surface-50);
276
+ font-weight: 800;
277
+ font-style: italic;
278
+ }
279
+ }
package/dist/types/utils/theme/theme.service.d.ts CHANGED
@@ -1,8 +1,7 @@
1
- import type { Theme } from '@skeletonlabs/skeleton/themes';
1
+ import type { Theme } from '@/lib/types/skeletonlabs';
2
2
  import { type Ref } from 'vue';
3
3
  declare const useTheme: () => {
4
4
  chosenTheme: Ref<Theme, Theme>;
5
- themes: Record<"vuetiful" | "rocket" | "catppuccin" | "cerberus" | "pine" | "rose", Theme>;
6
5
  themeArray: Theme[];
7
6
  applyThemeSSR: (html: string, theme: Theme) => string;
8
7
  applyTheme: (theme: Theme, callback?: Function) => void;
package/dist/types/utils/theme/themes.d.ts CHANGED
@@ -1,3 +1,2 @@
1
- import { type Theme } from '@skeletonlabs/skeleton/themes';
2
- export declare const themes: Record<'vuetiful' | 'rocket' | 'catppuccin' | 'cerberus' | 'pine' | 'rose', Theme>;
3
- export declare const themeArray: Array<Theme>;
1
+ import type { Theme } from '@/lib/types/skeletonlabs';
2
+ export declare const themeArray: Theme[];