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