vira 28.19.1 → 28.19.3

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 (6) hide show
  1. package/dist/styles/vira-color-palette.d.ts +90 -81
  2. package/dist/styles/vira-color-palette.js +90 -81
  3. package/dist/styles/vira-color-theme.d.ts +666 -425
  4. package/dist/styles/vira-color-theme.js +871 -682
  5. package/dist/util/pop-up-manager.js +16 -23
  6. package/package.json +4 -4
package/dist/styles/vira-color-theme.d.ts CHANGED
@@ -1,943 +1,1184 @@
1
1
  /**
2
- * A theme for Vira.
2
+ * A color theme from Vira.
3
3
  *
4
4
  * @category Color
5
5
  */
6
- export declare const viraColorTheme: import("theme-vir/dist/color/color-theme.js").ColorTheme<{
7
- readonly 'vira-teal-ahead-background-body': {
6
+ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.js").ColorTheme<{
7
+ readonly 'vira-red-foreground-body': {
8
8
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
9
9
  };
10
- readonly 'vira-teal-ahead-background-header': {
10
+ readonly 'vira-red-foreground-header': {
11
11
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
12
12
  };
13
- readonly 'vira-teal-ahead-background-placeholder': {
13
+ readonly 'vira-red-foreground-placeholder': {
14
14
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
15
15
  };
16
- readonly 'vira-teal-ahead-background-decoration': {
16
+ readonly 'vira-red-foreground-decoration': {
17
17
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
18
18
  };
19
- readonly 'vira-teal-behind-background-body': {
19
+ readonly 'vira-red-foreground-invisible': {
20
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
21
+ };
22
+ readonly 'vira-red-background-body': {
20
23
  readonly foreground: {
21
24
  readonly refDefaultBackground: true;
22
25
  };
23
26
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
24
27
  };
25
- readonly 'vira-teal-behind-background-header': {
28
+ readonly 'vira-red-background-header': {
26
29
  readonly foreground: {
27
30
  readonly refDefaultBackground: true;
28
31
  };
29
32
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
30
33
  };
31
- readonly 'vira-teal-behind-background-placeholder': {
34
+ readonly 'vira-red-background-placeholder': {
32
35
  readonly foreground: {
33
36
  readonly refDefaultBackground: true;
34
37
  };
35
38
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
36
39
  };
37
- readonly 'vira-teal-behind-background-decoration': {
40
+ readonly 'vira-red-background-decoration': {
38
41
  readonly foreground: {
39
42
  readonly refDefaultBackground: true;
40
43
  };
41
44
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
42
45
  };
43
- readonly 'vira-teal-ahead-foreground-body': {
44
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
45
- readonly background: {
46
- readonly refDefaultForeground: true;
46
+ readonly 'vira-red-background-invisible': {
47
+ readonly foreground: {
48
+ readonly refDefaultBackground: true;
47
49
  };
50
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
48
51
  };
49
- readonly 'vira-teal-ahead-foreground-header': {
52
+ readonly 'vira-red-on-self-body': {
50
53
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
51
- readonly background: {
52
- readonly refDefaultForeground: true;
53
- };
54
+ readonly background: "#ffe9e6";
54
55
  };
55
- readonly 'vira-teal-ahead-foreground-placeholder': {
56
+ readonly 'vira-red-on-self-header': {
56
57
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
57
- readonly background: {
58
- readonly refDefaultForeground: true;
59
- };
58
+ readonly background: "#ffe9e6";
60
59
  };
61
- readonly 'vira-teal-ahead-foreground-decoration': {
60
+ readonly 'vira-red-on-self-placeholder': {
62
61
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
63
- readonly background: {
64
- readonly refDefaultForeground: true;
65
- };
62
+ readonly background: "#ffe9e6";
66
63
  };
67
- readonly 'vira-teal-behind-foreground-body': {
68
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
64
+ readonly 'vira-red-on-self-decoration': {
65
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
66
+ readonly background: "#ffe9e6";
69
67
  };
70
- readonly 'vira-teal-behind-foreground-header': {
71
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
68
+ readonly 'vira-red-on-self-invisible': {
69
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
70
+ readonly background: "#ffe9e6";
72
71
  };
73
- readonly 'vira-teal-behind-foreground-placeholder': {
74
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
72
+ readonly 'vira-orange-foreground-body': {
73
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
74
+ };
75
+ readonly 'vira-orange-foreground-header': {
76
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
77
+ };
78
+ readonly 'vira-orange-foreground-placeholder': {
79
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
80
+ };
81
+ readonly 'vira-orange-foreground-decoration': {
82
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
83
+ };
84
+ readonly 'vira-orange-foreground-invisible': {
85
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
75
86
  };
76
- readonly 'vira-teal-behind-foreground-decoration': {
87
+ readonly 'vira-orange-background-body': {
88
+ readonly foreground: {
89
+ readonly refDefaultBackground: true;
90
+ };
77
91
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
78
92
  };
79
- readonly 'vira-teal-self-light-front-body': {
80
- readonly foreground: "#c9f6ee";
93
+ readonly 'vira-orange-background-header': {
94
+ readonly foreground: {
95
+ readonly refDefaultBackground: true;
96
+ };
81
97
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
82
98
  };
83
- readonly 'vira-teal-self-light-front-header': {
84
- readonly foreground: "#c9f6ee";
99
+ readonly 'vira-orange-background-placeholder': {
100
+ readonly foreground: {
101
+ readonly refDefaultBackground: true;
102
+ };
85
103
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
86
104
  };
87
- readonly 'vira-teal-self-light-front-placeholder': {
88
- readonly foreground: "#c9f6ee";
105
+ readonly 'vira-orange-background-decoration': {
106
+ readonly foreground: {
107
+ readonly refDefaultBackground: true;
108
+ };
89
109
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
90
110
  };
91
- readonly 'vira-teal-self-light-front-decoration': {
92
- readonly foreground: "#c9f6ee";
111
+ readonly 'vira-orange-background-invisible': {
112
+ readonly foreground: {
113
+ readonly refDefaultBackground: true;
114
+ };
93
115
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
94
116
  };
95
- readonly 'vira-teal-self-light-back-body': {
117
+ readonly 'vira-orange-on-self-body': {
96
118
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
97
- readonly background: "#c9f6ee";
119
+ readonly background: "#ffebd1";
98
120
  };
99
- readonly 'vira-teal-self-light-back-header': {
121
+ readonly 'vira-orange-on-self-header': {
100
122
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
101
- readonly background: "#c9f6ee";
123
+ readonly background: "#ffebd1";
102
124
  };
103
- readonly 'vira-teal-self-light-back-placeholder': {
125
+ readonly 'vira-orange-on-self-placeholder': {
104
126
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
105
- readonly background: "#c9f6ee";
127
+ readonly background: "#ffebd1";
106
128
  };
107
- readonly 'vira-teal-self-light-back-decoration': {
129
+ readonly 'vira-orange-on-self-decoration': {
108
130
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
109
- readonly background: "#c9f6ee";
131
+ readonly background: "#ffebd1";
110
132
  };
111
- readonly 'vira-blue-ahead-background-body': {
133
+ readonly 'vira-orange-on-self-invisible': {
112
134
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
135
+ readonly background: "#ffebd1";
113
136
  };
114
- readonly 'vira-blue-ahead-background-header': {
137
+ readonly 'vira-yellow-foreground-body': {
115
138
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
116
139
  };
117
- readonly 'vira-blue-ahead-background-placeholder': {
140
+ readonly 'vira-yellow-foreground-header': {
118
141
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
119
142
  };
120
- readonly 'vira-blue-ahead-background-decoration': {
143
+ readonly 'vira-yellow-foreground-placeholder': {
121
144
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
122
145
  };
123
- readonly 'vira-blue-behind-background-body': {
146
+ readonly 'vira-yellow-foreground-decoration': {
147
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
148
+ };
149
+ readonly 'vira-yellow-foreground-invisible': {
150
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
151
+ };
152
+ readonly 'vira-yellow-background-body': {
124
153
  readonly foreground: {
125
154
  readonly refDefaultBackground: true;
126
155
  };
127
156
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
128
157
  };
129
- readonly 'vira-blue-behind-background-header': {
158
+ readonly 'vira-yellow-background-header': {
130
159
  readonly foreground: {
131
160
  readonly refDefaultBackground: true;
132
161
  };
133
162
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
134
163
  };
135
- readonly 'vira-blue-behind-background-placeholder': {
164
+ readonly 'vira-yellow-background-placeholder': {
136
165
  readonly foreground: {
137
166
  readonly refDefaultBackground: true;
138
167
  };
139
168
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
140
169
  };
141
- readonly 'vira-blue-behind-background-decoration': {
170
+ readonly 'vira-yellow-background-decoration': {
142
171
  readonly foreground: {
143
172
  readonly refDefaultBackground: true;
144
173
  };
145
174
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
146
175
  };
147
- readonly 'vira-blue-ahead-foreground-body': {
148
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
149
- readonly background: {
150
- readonly refDefaultForeground: true;
176
+ readonly 'vira-yellow-background-invisible': {
177
+ readonly foreground: {
178
+ readonly refDefaultBackground: true;
151
179
  };
180
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
152
181
  };
153
- readonly 'vira-blue-ahead-foreground-header': {
182
+ readonly 'vira-yellow-on-self-body': {
154
183
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
155
- readonly background: {
156
- readonly refDefaultForeground: true;
157
- };
184
+ readonly background: "#f5f0c6";
158
185
  };
159
- readonly 'vira-blue-ahead-foreground-placeholder': {
186
+ readonly 'vira-yellow-on-self-header': {
160
187
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
161
- readonly background: {
162
- readonly refDefaultForeground: true;
163
- };
188
+ readonly background: "#f5f0c6";
164
189
  };
165
- readonly 'vira-blue-ahead-foreground-decoration': {
190
+ readonly 'vira-yellow-on-self-placeholder': {
166
191
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
167
- readonly background: {
168
- readonly refDefaultForeground: true;
169
- };
192
+ readonly background: "#f5f0c6";
170
193
  };
171
- readonly 'vira-blue-behind-foreground-body': {
172
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
194
+ readonly 'vira-yellow-on-self-decoration': {
195
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
196
+ readonly background: "#f5f0c6";
173
197
  };
174
- readonly 'vira-blue-behind-foreground-header': {
175
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
198
+ readonly 'vira-yellow-on-self-invisible': {
199
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
200
+ readonly background: "#f5f0c6";
176
201
  };
177
- readonly 'vira-blue-behind-foreground-placeholder': {
178
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
202
+ readonly 'vira-green-foreground-body': {
203
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
179
204
  };
180
- readonly 'vira-blue-behind-foreground-decoration': {
205
+ readonly 'vira-green-foreground-header': {
206
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
207
+ };
208
+ readonly 'vira-green-foreground-placeholder': {
209
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
210
+ };
211
+ readonly 'vira-green-foreground-decoration': {
212
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
213
+ };
214
+ readonly 'vira-green-foreground-invisible': {
215
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
216
+ };
217
+ readonly 'vira-green-background-body': {
218
+ readonly foreground: {
219
+ readonly refDefaultBackground: true;
220
+ };
181
221
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
182
222
  };
183
- readonly 'vira-blue-self-light-front-body': {
184
- readonly foreground: "#ddf0f9";
223
+ readonly 'vira-green-background-header': {
224
+ readonly foreground: {
225
+ readonly refDefaultBackground: true;
226
+ };
185
227
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
186
228
  };
187
- readonly 'vira-blue-self-light-front-header': {
188
- readonly foreground: "#ddf0f9";
229
+ readonly 'vira-green-background-placeholder': {
230
+ readonly foreground: {
231
+ readonly refDefaultBackground: true;
232
+ };
189
233
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
190
234
  };
191
- readonly 'vira-blue-self-light-front-placeholder': {
192
- readonly foreground: "#ddf0f9";
235
+ readonly 'vira-green-background-decoration': {
236
+ readonly foreground: {
237
+ readonly refDefaultBackground: true;
238
+ };
193
239
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
194
240
  };
195
- readonly 'vira-blue-self-light-front-decoration': {
196
- readonly foreground: "#ddf0f9";
241
+ readonly 'vira-green-background-invisible': {
242
+ readonly foreground: {
243
+ readonly refDefaultBackground: true;
244
+ };
197
245
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
198
246
  };
199
- readonly 'vira-blue-self-light-back-body': {
247
+ readonly 'vira-green-on-self-body': {
200
248
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
201
- readonly background: "#ddf0f9";
249
+ readonly background: "#def6cc";
202
250
  };
203
- readonly 'vira-blue-self-light-back-header': {
251
+ readonly 'vira-green-on-self-header': {
204
252
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
205
- readonly background: "#ddf0f9";
253
+ readonly background: "#def6cc";
206
254
  };
207
- readonly 'vira-blue-self-light-back-placeholder': {
255
+ readonly 'vira-green-on-self-placeholder': {
208
256
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
209
- readonly background: "#ddf0f9";
257
+ readonly background: "#def6cc";
210
258
  };
211
- readonly 'vira-blue-self-light-back-decoration': {
259
+ readonly 'vira-green-on-self-decoration': {
212
260
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
213
- readonly background: "#ddf0f9";
261
+ readonly background: "#def6cc";
214
262
  };
215
- readonly 'vira-purple-ahead-background-body': {
263
+ readonly 'vira-green-on-self-invisible': {
216
264
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
265
+ readonly background: "#def6cc";
217
266
  };
218
- readonly 'vira-purple-ahead-background-header': {
267
+ readonly 'vira-teal-foreground-body': {
219
268
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
220
269
  };
221
- readonly 'vira-purple-ahead-background-placeholder': {
270
+ readonly 'vira-teal-foreground-header': {
222
271
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
223
272
  };
224
- readonly 'vira-purple-ahead-background-decoration': {
273
+ readonly 'vira-teal-foreground-placeholder': {
225
274
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
226
275
  };
227
- readonly 'vira-purple-behind-background-body': {
276
+ readonly 'vira-teal-foreground-decoration': {
277
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
278
+ };
279
+ readonly 'vira-teal-foreground-invisible': {
280
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
281
+ };
282
+ readonly 'vira-teal-background-body': {
228
283
  readonly foreground: {
229
284
  readonly refDefaultBackground: true;
230
285
  };
231
286
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
232
287
  };
233
- readonly 'vira-purple-behind-background-header': {
288
+ readonly 'vira-teal-background-header': {
234
289
  readonly foreground: {
235
290
  readonly refDefaultBackground: true;
236
291
  };
237
292
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
238
293
  };
239
- readonly 'vira-purple-behind-background-placeholder': {
294
+ readonly 'vira-teal-background-placeholder': {
240
295
  readonly foreground: {
241
296
  readonly refDefaultBackground: true;
242
297
  };
243
298
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
244
299
  };
245
- readonly 'vira-purple-behind-background-decoration': {
300
+ readonly 'vira-teal-background-decoration': {
246
301
  readonly foreground: {
247
302
  readonly refDefaultBackground: true;
248
303
  };
249
304
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
250
305
  };
251
- readonly 'vira-purple-ahead-foreground-body': {
252
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
253
- readonly background: {
254
- readonly refDefaultForeground: true;
306
+ readonly 'vira-teal-background-invisible': {
307
+ readonly foreground: {
308
+ readonly refDefaultBackground: true;
255
309
  };
310
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
256
311
  };
257
- readonly 'vira-purple-ahead-foreground-header': {
312
+ readonly 'vira-teal-on-self-body': {
258
313
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
259
- readonly background: {
260
- readonly refDefaultForeground: true;
261
- };
314
+ readonly background: "#d3f5ed";
262
315
  };
263
- readonly 'vira-purple-ahead-foreground-placeholder': {
316
+ readonly 'vira-teal-on-self-header': {
264
317
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
265
- readonly background: {
266
- readonly refDefaultForeground: true;
267
- };
318
+ readonly background: "#d3f5ed";
268
319
  };
269
- readonly 'vira-purple-ahead-foreground-decoration': {
320
+ readonly 'vira-teal-on-self-placeholder': {
270
321
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
271
- readonly background: {
272
- readonly refDefaultForeground: true;
273
- };
322
+ readonly background: "#d3f5ed";
274
323
  };
275
- readonly 'vira-purple-behind-foreground-body': {
276
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
324
+ readonly 'vira-teal-on-self-decoration': {
325
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
326
+ readonly background: "#d3f5ed";
277
327
  };
278
- readonly 'vira-purple-behind-foreground-header': {
279
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
328
+ readonly 'vira-teal-on-self-invisible': {
329
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
330
+ readonly background: "#d3f5ed";
280
331
  };
281
- readonly 'vira-purple-behind-foreground-placeholder': {
282
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
332
+ readonly 'vira-blue-foreground-body': {
333
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
334
+ };
335
+ readonly 'vira-blue-foreground-header': {
336
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
337
+ };
338
+ readonly 'vira-blue-foreground-placeholder': {
339
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
340
+ };
341
+ readonly 'vira-blue-foreground-decoration': {
342
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
283
343
  };
284
- readonly 'vira-purple-behind-foreground-decoration': {
344
+ readonly 'vira-blue-foreground-invisible': {
345
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
346
+ };
347
+ readonly 'vira-blue-background-body': {
348
+ readonly foreground: {
349
+ readonly refDefaultBackground: true;
350
+ };
285
351
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
286
352
  };
287
- readonly 'vira-purple-self-light-front-body': {
288
- readonly foreground: "#f0eafb";
353
+ readonly 'vira-blue-background-header': {
354
+ readonly foreground: {
355
+ readonly refDefaultBackground: true;
356
+ };
289
357
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
290
358
  };
291
- readonly 'vira-purple-self-light-front-header': {
292
- readonly foreground: "#f0eafb";
359
+ readonly 'vira-blue-background-placeholder': {
360
+ readonly foreground: {
361
+ readonly refDefaultBackground: true;
362
+ };
293
363
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
294
364
  };
295
- readonly 'vira-purple-self-light-front-placeholder': {
296
- readonly foreground: "#f0eafb";
365
+ readonly 'vira-blue-background-decoration': {
366
+ readonly foreground: {
367
+ readonly refDefaultBackground: true;
368
+ };
297
369
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
298
370
  };
299
- readonly 'vira-purple-self-light-front-decoration': {
300
- readonly foreground: "#f0eafb";
371
+ readonly 'vira-blue-background-invisible': {
372
+ readonly foreground: {
373
+ readonly refDefaultBackground: true;
374
+ };
301
375
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
302
376
  };
303
- readonly 'vira-purple-self-light-back-body': {
377
+ readonly 'vira-blue-on-self-body': {
378
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
379
+ readonly background: "#def1ff";
380
+ };
381
+ readonly 'vira-blue-on-self-header': {
382
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
383
+ readonly background: "#def1ff";
384
+ };
385
+ readonly 'vira-blue-on-self-placeholder': {
304
386
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
305
- readonly background: "#f0eafb";
387
+ readonly background: "#def1ff";
306
388
  };
307
- readonly 'vira-purple-self-light-back-header': {
389
+ readonly 'vira-blue-on-self-decoration': {
308
390
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
309
- readonly background: "#f0eafb";
391
+ readonly background: "#def1ff";
310
392
  };
311
- readonly 'vira-purple-self-light-back-placeholder': {
393
+ readonly 'vira-blue-on-self-invisible': {
312
394
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
313
- readonly background: "#f0eafb";
395
+ readonly background: "#def1ff";
314
396
  };
315
- readonly 'vira-purple-self-light-back-decoration': {
397
+ readonly 'vira-purple-foreground-body': {
316
398
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
317
- readonly background: "#f0eafb";
318
399
  };
319
- readonly 'vira-pink-ahead-background-body': {
400
+ readonly 'vira-purple-foreground-header': {
320
401
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
321
402
  };
322
- readonly 'vira-pink-ahead-background-header': {
403
+ readonly 'vira-purple-foreground-placeholder': {
323
404
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
324
405
  };
325
- readonly 'vira-pink-ahead-background-placeholder': {
406
+ readonly 'vira-purple-foreground-decoration': {
326
407
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
327
408
  };
328
- readonly 'vira-pink-ahead-background-decoration': {
409
+ readonly 'vira-purple-foreground-invisible': {
329
410
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
330
411
  };
331
- readonly 'vira-pink-behind-background-body': {
412
+ readonly 'vira-purple-background-body': {
332
413
  readonly foreground: {
333
414
  readonly refDefaultBackground: true;
334
415
  };
335
416
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
336
417
  };
337
- readonly 'vira-pink-behind-background-header': {
418
+ readonly 'vira-purple-background-header': {
338
419
  readonly foreground: {
339
420
  readonly refDefaultBackground: true;
340
421
  };
341
422
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
342
423
  };
343
- readonly 'vira-pink-behind-background-placeholder': {
424
+ readonly 'vira-purple-background-placeholder': {
344
425
  readonly foreground: {
345
426
  readonly refDefaultBackground: true;
346
427
  };
347
428
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
348
429
  };
349
- readonly 'vira-pink-behind-background-decoration': {
430
+ readonly 'vira-purple-background-decoration': {
350
431
  readonly foreground: {
351
432
  readonly refDefaultBackground: true;
352
433
  };
353
434
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
354
435
  };
355
- readonly 'vira-pink-ahead-foreground-body': {
356
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
357
- readonly background: {
358
- readonly refDefaultForeground: true;
436
+ readonly 'vira-purple-background-invisible': {
437
+ readonly foreground: {
438
+ readonly refDefaultBackground: true;
359
439
  };
440
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
360
441
  };
361
- readonly 'vira-pink-ahead-foreground-header': {
442
+ readonly 'vira-purple-on-self-body': {
362
443
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
363
- readonly background: {
364
- readonly refDefaultForeground: true;
365
- };
444
+ readonly background: "#f3ebff";
366
445
  };
367
- readonly 'vira-pink-ahead-foreground-placeholder': {
446
+ readonly 'vira-purple-on-self-header': {
368
447
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
369
- readonly background: {
370
- readonly refDefaultForeground: true;
371
- };
448
+ readonly background: "#f3ebff";
372
449
  };
373
- readonly 'vira-pink-ahead-foreground-decoration': {
450
+ readonly 'vira-purple-on-self-placeholder': {
374
451
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
375
- readonly background: {
376
- readonly refDefaultForeground: true;
377
- };
452
+ readonly background: "#f3ebff";
378
453
  };
379
- readonly 'vira-pink-behind-foreground-body': {
380
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
454
+ readonly 'vira-purple-on-self-decoration': {
455
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
456
+ readonly background: "#f3ebff";
381
457
  };
382
- readonly 'vira-pink-behind-foreground-header': {
383
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
458
+ readonly 'vira-purple-on-self-invisible': {
459
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
460
+ readonly background: "#f3ebff";
384
461
  };
385
- readonly 'vira-pink-behind-foreground-placeholder': {
386
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
462
+ readonly 'vira-pink-foreground-body': {
463
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
387
464
  };
388
- readonly 'vira-pink-behind-foreground-decoration': {
465
+ readonly 'vira-pink-foreground-header': {
466
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
467
+ };
468
+ readonly 'vira-pink-foreground-placeholder': {
469
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
470
+ };
471
+ readonly 'vira-pink-foreground-decoration': {
472
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
473
+ };
474
+ readonly 'vira-pink-foreground-invisible': {
475
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
476
+ };
477
+ readonly 'vira-pink-background-body': {
478
+ readonly foreground: {
479
+ readonly refDefaultBackground: true;
480
+ };
389
481
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
390
482
  };
391
- readonly 'vira-pink-self-light-front-body': {
392
- readonly foreground: "#fbe7f9";
483
+ readonly 'vira-pink-background-header': {
484
+ readonly foreground: {
485
+ readonly refDefaultBackground: true;
486
+ };
393
487
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
394
488
  };
395
- readonly 'vira-pink-self-light-front-header': {
396
- readonly foreground: "#fbe7f9";
489
+ readonly 'vira-pink-background-placeholder': {
490
+ readonly foreground: {
491
+ readonly refDefaultBackground: true;
492
+ };
397
493
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
398
494
  };
399
- readonly 'vira-pink-self-light-front-placeholder': {
400
- readonly foreground: "#fbe7f9";
495
+ readonly 'vira-pink-background-decoration': {
496
+ readonly foreground: {
497
+ readonly refDefaultBackground: true;
498
+ };
401
499
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
402
500
  };
403
- readonly 'vira-pink-self-light-front-decoration': {
404
- readonly foreground: "#fbe7f9";
501
+ readonly 'vira-pink-background-invisible': {
502
+ readonly foreground: {
503
+ readonly refDefaultBackground: true;
504
+ };
405
505
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
406
506
  };
407
- readonly 'vira-pink-self-light-back-body': {
507
+ readonly 'vira-pink-on-self-body': {
408
508
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
409
- readonly background: "#fbe7f9";
509
+ readonly background: "#ffe7fb";
410
510
  };
411
- readonly 'vira-pink-self-light-back-header': {
511
+ readonly 'vira-pink-on-self-header': {
412
512
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
413
- readonly background: "#fbe7f9";
513
+ readonly background: "#ffe7fb";
414
514
  };
415
- readonly 'vira-pink-self-light-back-placeholder': {
515
+ readonly 'vira-pink-on-self-placeholder': {
416
516
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
417
- readonly background: "#fbe7f9";
517
+ readonly background: "#ffe7fb";
418
518
  };
419
- readonly 'vira-pink-self-light-back-decoration': {
519
+ readonly 'vira-pink-on-self-decoration': {
420
520
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
421
- readonly background: "#fbe7f9";
521
+ readonly background: "#ffe7fb";
422
522
  };
423
- readonly 'vira-red-ahead-background-body': {
523
+ readonly 'vira-pink-on-self-invisible': {
424
524
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
525
+ readonly background: "#ffe7fb";
425
526
  };
426
- readonly 'vira-red-ahead-background-header': {
527
+ readonly 'vira-grey-foreground-body': {
427
528
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
428
529
  };
429
- readonly 'vira-red-ahead-background-placeholder': {
530
+ readonly 'vira-grey-foreground-header': {
430
531
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
431
532
  };
432
- readonly 'vira-red-ahead-background-decoration': {
533
+ readonly 'vira-grey-foreground-placeholder': {
433
534
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
434
535
  };
435
- readonly 'vira-red-behind-background-body': {
536
+ readonly 'vira-grey-foreground-decoration': {
537
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
538
+ };
539
+ readonly 'vira-grey-foreground-invisible': {
540
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
541
+ };
542
+ readonly 'vira-grey-background-body': {
436
543
  readonly foreground: {
437
544
  readonly refDefaultBackground: true;
438
545
  };
439
546
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
440
547
  };
441
- readonly 'vira-red-behind-background-header': {
548
+ readonly 'vira-grey-background-header': {
442
549
  readonly foreground: {
443
550
  readonly refDefaultBackground: true;
444
551
  };
445
552
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
446
553
  };
447
- readonly 'vira-red-behind-background-placeholder': {
554
+ readonly 'vira-grey-background-placeholder': {
448
555
  readonly foreground: {
449
556
  readonly refDefaultBackground: true;
450
557
  };
451
558
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
452
559
  };
453
- readonly 'vira-red-behind-background-decoration': {
560
+ readonly 'vira-grey-background-decoration': {
454
561
  readonly foreground: {
455
562
  readonly refDefaultBackground: true;
456
563
  };
457
564
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
458
565
  };
459
- readonly 'vira-red-ahead-foreground-body': {
460
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
461
- readonly background: {
462
- readonly refDefaultForeground: true;
566
+ readonly 'vira-grey-background-invisible': {
567
+ readonly foreground: {
568
+ readonly refDefaultBackground: true;
463
569
  };
570
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
464
571
  };
465
- readonly 'vira-red-ahead-foreground-header': {
572
+ readonly 'vira-grey-on-self-body': {
466
573
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
467
- readonly background: {
468
- readonly refDefaultForeground: true;
469
- };
574
+ readonly background: "#eeeef1";
470
575
  };
471
- readonly 'vira-red-ahead-foreground-placeholder': {
576
+ readonly 'vira-grey-on-self-header': {
472
577
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
473
- readonly background: {
474
- readonly refDefaultForeground: true;
475
- };
578
+ readonly background: "#eeeef1";
476
579
  };
477
- readonly 'vira-red-ahead-foreground-decoration': {
580
+ readonly 'vira-grey-on-self-placeholder': {
478
581
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
479
- readonly background: {
480
- readonly refDefaultForeground: true;
481
- };
582
+ readonly background: "#eeeef1";
482
583
  };
483
- readonly 'vira-red-behind-foreground-body': {
484
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
584
+ readonly 'vira-grey-on-self-decoration': {
585
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
586
+ readonly background: "#eeeef1";
485
587
  };
486
- readonly 'vira-red-behind-foreground-header': {
487
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
588
+ readonly 'vira-grey-on-self-invisible': {
589
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
590
+ readonly background: "#eeeef1";
488
591
  };
489
- readonly 'vira-red-behind-foreground-placeholder': {
490
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
592
+ }>;
593
+ /**
594
+ * Dark mode override for {@link viraTheme}.
595
+ *
596
+ * @category Color
597
+ */
598
+ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/color-theme-override.js").ColorThemeOverride<{
599
+ readonly 'vira-red-foreground-body': {
600
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
491
601
  };
492
- readonly 'vira-red-behind-foreground-decoration': {
602
+ readonly 'vira-red-foreground-header': {
603
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
604
+ };
605
+ readonly 'vira-red-foreground-placeholder': {
606
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
607
+ };
608
+ readonly 'vira-red-foreground-decoration': {
609
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
610
+ };
611
+ readonly 'vira-red-foreground-invisible': {
612
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
613
+ };
614
+ readonly 'vira-red-background-body': {
615
+ readonly foreground: {
616
+ readonly refDefaultBackground: true;
617
+ };
493
618
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
494
619
  };
495
- readonly 'vira-red-self-light-front-body': {
496
- readonly foreground: "#fbe8ec";
620
+ readonly 'vira-red-background-header': {
621
+ readonly foreground: {
622
+ readonly refDefaultBackground: true;
623
+ };
497
624
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
498
625
  };
499
- readonly 'vira-red-self-light-front-header': {
500
- readonly foreground: "#fbe8ec";
626
+ readonly 'vira-red-background-placeholder': {
627
+ readonly foreground: {
628
+ readonly refDefaultBackground: true;
629
+ };
501
630
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
502
631
  };
503
- readonly 'vira-red-self-light-front-placeholder': {
504
- readonly foreground: "#fbe8ec";
632
+ readonly 'vira-red-background-decoration': {
633
+ readonly foreground: {
634
+ readonly refDefaultBackground: true;
635
+ };
505
636
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
506
637
  };
507
- readonly 'vira-red-self-light-front-decoration': {
508
- readonly foreground: "#fbe8ec";
638
+ readonly 'vira-red-background-invisible': {
639
+ readonly foreground: {
640
+ readonly refDefaultBackground: true;
641
+ };
509
642
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
510
643
  };
511
- readonly 'vira-red-self-light-back-body': {
644
+ readonly 'vira-red-on-self-body': {
645
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
646
+ readonly background: "#ffe9e6";
647
+ };
648
+ readonly 'vira-red-on-self-header': {
649
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
650
+ readonly background: "#ffe9e6";
651
+ };
652
+ readonly 'vira-red-on-self-placeholder': {
512
653
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
513
- readonly background: "#fbe8ec";
654
+ readonly background: "#ffe9e6";
514
655
  };
515
- readonly 'vira-red-self-light-back-header': {
656
+ readonly 'vira-red-on-self-decoration': {
516
657
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
517
- readonly background: "#fbe8ec";
658
+ readonly background: "#ffe9e6";
518
659
  };
519
- readonly 'vira-red-self-light-back-placeholder': {
660
+ readonly 'vira-red-on-self-invisible': {
520
661
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
521
- readonly background: "#fbe8ec";
662
+ readonly background: "#ffe9e6";
522
663
  };
523
- readonly 'vira-red-self-light-back-decoration': {
664
+ readonly 'vira-orange-foreground-body': {
524
665
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
525
- readonly background: "#fbe8ec";
526
666
  };
527
- readonly 'vira-orange-ahead-background-body': {
667
+ readonly 'vira-orange-foreground-header': {
528
668
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
529
669
  };
530
- readonly 'vira-orange-ahead-background-header': {
670
+ readonly 'vira-orange-foreground-placeholder': {
531
671
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
532
672
  };
533
- readonly 'vira-orange-ahead-background-placeholder': {
673
+ readonly 'vira-orange-foreground-decoration': {
534
674
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
535
675
  };
536
- readonly 'vira-orange-ahead-background-decoration': {
676
+ readonly 'vira-orange-foreground-invisible': {
537
677
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
538
678
  };
539
- readonly 'vira-orange-behind-background-body': {
679
+ readonly 'vira-orange-background-body': {
540
680
  readonly foreground: {
541
681
  readonly refDefaultBackground: true;
542
682
  };
543
683
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
544
684
  };
545
- readonly 'vira-orange-behind-background-header': {
685
+ readonly 'vira-orange-background-header': {
546
686
  readonly foreground: {
547
687
  readonly refDefaultBackground: true;
548
688
  };
549
689
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
550
690
  };
551
- readonly 'vira-orange-behind-background-placeholder': {
691
+ readonly 'vira-orange-background-placeholder': {
552
692
  readonly foreground: {
553
693
  readonly refDefaultBackground: true;
554
694
  };
555
695
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
556
696
  };
557
- readonly 'vira-orange-behind-background-decoration': {
697
+ readonly 'vira-orange-background-decoration': {
558
698
  readonly foreground: {
559
699
  readonly refDefaultBackground: true;
560
700
  };
561
701
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
562
702
  };
563
- readonly 'vira-orange-ahead-foreground-body': {
564
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
565
- readonly background: {
566
- readonly refDefaultForeground: true;
703
+ readonly 'vira-orange-background-invisible': {
704
+ readonly foreground: {
705
+ readonly refDefaultBackground: true;
567
706
  };
707
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
568
708
  };
569
- readonly 'vira-orange-ahead-foreground-header': {
709
+ readonly 'vira-orange-on-self-body': {
570
710
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
571
- readonly background: {
572
- readonly refDefaultForeground: true;
573
- };
711
+ readonly background: "#ffebd1";
574
712
  };
575
- readonly 'vira-orange-ahead-foreground-placeholder': {
713
+ readonly 'vira-orange-on-self-header': {
576
714
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
577
- readonly background: {
578
- readonly refDefaultForeground: true;
579
- };
715
+ readonly background: "#ffebd1";
580
716
  };
581
- readonly 'vira-orange-ahead-foreground-decoration': {
717
+ readonly 'vira-orange-on-self-placeholder': {
582
718
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
583
- readonly background: {
584
- readonly refDefaultForeground: true;
585
- };
719
+ readonly background: "#ffebd1";
586
720
  };
587
- readonly 'vira-orange-behind-foreground-body': {
588
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
721
+ readonly 'vira-orange-on-self-decoration': {
722
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
723
+ readonly background: "#ffebd1";
589
724
  };
590
- readonly 'vira-orange-behind-foreground-header': {
591
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
725
+ readonly 'vira-orange-on-self-invisible': {
726
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
727
+ readonly background: "#ffebd1";
592
728
  };
593
- readonly 'vira-orange-behind-foreground-placeholder': {
594
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
729
+ readonly 'vira-yellow-foreground-body': {
730
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
731
+ };
732
+ readonly 'vira-yellow-foreground-header': {
733
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
734
+ };
735
+ readonly 'vira-yellow-foreground-placeholder': {
736
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
595
737
  };
596
- readonly 'vira-orange-behind-foreground-decoration': {
738
+ readonly 'vira-yellow-foreground-decoration': {
739
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
740
+ };
741
+ readonly 'vira-yellow-foreground-invisible': {
742
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
743
+ };
744
+ readonly 'vira-yellow-background-body': {
745
+ readonly foreground: {
746
+ readonly refDefaultBackground: true;
747
+ };
597
748
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
598
749
  };
599
- readonly 'vira-orange-self-light-front-body': {
600
- readonly foreground: "#f8ebd9";
750
+ readonly 'vira-yellow-background-header': {
751
+ readonly foreground: {
752
+ readonly refDefaultBackground: true;
753
+ };
601
754
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
602
755
  };
603
- readonly 'vira-orange-self-light-front-header': {
604
- readonly foreground: "#f8ebd9";
756
+ readonly 'vira-yellow-background-placeholder': {
757
+ readonly foreground: {
758
+ readonly refDefaultBackground: true;
759
+ };
605
760
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
606
761
  };
607
- readonly 'vira-orange-self-light-front-placeholder': {
608
- readonly foreground: "#f8ebd9";
762
+ readonly 'vira-yellow-background-decoration': {
763
+ readonly foreground: {
764
+ readonly refDefaultBackground: true;
765
+ };
609
766
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
610
767
  };
611
- readonly 'vira-orange-self-light-front-decoration': {
612
- readonly foreground: "#f8ebd9";
768
+ readonly 'vira-yellow-background-invisible': {
769
+ readonly foreground: {
770
+ readonly refDefaultBackground: true;
771
+ };
613
772
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
614
773
  };
615
- readonly 'vira-orange-self-light-back-body': {
774
+ readonly 'vira-yellow-on-self-body': {
775
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
776
+ readonly background: "#f5f0c6";
777
+ };
778
+ readonly 'vira-yellow-on-self-header': {
779
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
780
+ readonly background: "#f5f0c6";
781
+ };
782
+ readonly 'vira-yellow-on-self-placeholder': {
616
783
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
617
- readonly background: "#f8ebd9";
784
+ readonly background: "#f5f0c6";
618
785
  };
619
- readonly 'vira-orange-self-light-back-header': {
786
+ readonly 'vira-yellow-on-self-decoration': {
620
787
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
621
- readonly background: "#f8ebd9";
788
+ readonly background: "#f5f0c6";
622
789
  };
623
- readonly 'vira-orange-self-light-back-placeholder': {
790
+ readonly 'vira-yellow-on-self-invisible': {
624
791
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
625
- readonly background: "#f8ebd9";
792
+ readonly background: "#f5f0c6";
626
793
  };
627
- readonly 'vira-orange-self-light-back-decoration': {
794
+ readonly 'vira-green-foreground-body': {
628
795
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
629
- readonly background: "#f8ebd9";
630
796
  };
631
- readonly 'vira-green-ahead-background-body': {
797
+ readonly 'vira-green-foreground-header': {
632
798
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
633
799
  };
634
- readonly 'vira-green-ahead-background-header': {
800
+ readonly 'vira-green-foreground-placeholder': {
635
801
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
636
802
  };
637
- readonly 'vira-green-ahead-background-placeholder': {
803
+ readonly 'vira-green-foreground-decoration': {
638
804
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
639
805
  };
640
- readonly 'vira-green-ahead-background-decoration': {
806
+ readonly 'vira-green-foreground-invisible': {
641
807
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
642
808
  };
643
- readonly 'vira-green-behind-background-body': {
809
+ readonly 'vira-green-background-body': {
644
810
  readonly foreground: {
645
811
  readonly refDefaultBackground: true;
646
812
  };
647
813
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
648
814
  };
649
- readonly 'vira-green-behind-background-header': {
815
+ readonly 'vira-green-background-header': {
650
816
  readonly foreground: {
651
817
  readonly refDefaultBackground: true;
652
818
  };
653
819
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
654
820
  };
655
- readonly 'vira-green-behind-background-placeholder': {
821
+ readonly 'vira-green-background-placeholder': {
656
822
  readonly foreground: {
657
823
  readonly refDefaultBackground: true;
658
824
  };
659
825
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
660
826
  };
661
- readonly 'vira-green-behind-background-decoration': {
827
+ readonly 'vira-green-background-decoration': {
662
828
  readonly foreground: {
663
829
  readonly refDefaultBackground: true;
664
830
  };
665
831
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
666
832
  };
667
- readonly 'vira-green-ahead-foreground-body': {
668
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
669
- readonly background: {
670
- readonly refDefaultForeground: true;
833
+ readonly 'vira-green-background-invisible': {
834
+ readonly foreground: {
835
+ readonly refDefaultBackground: true;
671
836
  };
837
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
672
838
  };
673
- readonly 'vira-green-ahead-foreground-header': {
839
+ readonly 'vira-green-on-self-body': {
674
840
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
675
- readonly background: {
676
- readonly refDefaultForeground: true;
677
- };
841
+ readonly background: "#def6cc";
678
842
  };
679
- readonly 'vira-green-ahead-foreground-placeholder': {
843
+ readonly 'vira-green-on-self-header': {
680
844
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
681
- readonly background: {
682
- readonly refDefaultForeground: true;
683
- };
845
+ readonly background: "#def6cc";
684
846
  };
685
- readonly 'vira-green-ahead-foreground-decoration': {
847
+ readonly 'vira-green-on-self-placeholder': {
686
848
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
687
- readonly background: {
688
- readonly refDefaultForeground: true;
689
- };
849
+ readonly background: "#def6cc";
690
850
  };
691
- readonly 'vira-green-behind-foreground-body': {
692
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
851
+ readonly 'vira-green-on-self-decoration': {
852
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
853
+ readonly background: "#def6cc";
693
854
  };
694
- readonly 'vira-green-behind-foreground-header': {
695
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
855
+ readonly 'vira-green-on-self-invisible': {
856
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
857
+ readonly background: "#def6cc";
696
858
  };
697
- readonly 'vira-green-behind-foreground-placeholder': {
698
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
859
+ readonly 'vira-teal-foreground-body': {
860
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
861
+ };
862
+ readonly 'vira-teal-foreground-header': {
863
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
864
+ };
865
+ readonly 'vira-teal-foreground-placeholder': {
866
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
867
+ };
868
+ readonly 'vira-teal-foreground-decoration': {
869
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
699
870
  };
700
- readonly 'vira-green-behind-foreground-decoration': {
871
+ readonly 'vira-teal-foreground-invisible': {
872
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
873
+ };
874
+ readonly 'vira-teal-background-body': {
875
+ readonly foreground: {
876
+ readonly refDefaultBackground: true;
877
+ };
701
878
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
702
879
  };
703
- readonly 'vira-green-self-light-front-body': {
704
- readonly foreground: "#e2f4bd";
880
+ readonly 'vira-teal-background-header': {
881
+ readonly foreground: {
882
+ readonly refDefaultBackground: true;
883
+ };
705
884
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
706
885
  };
707
- readonly 'vira-green-self-light-front-header': {
708
- readonly foreground: "#e2f4bd";
886
+ readonly 'vira-teal-background-placeholder': {
887
+ readonly foreground: {
888
+ readonly refDefaultBackground: true;
889
+ };
709
890
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
710
891
  };
711
- readonly 'vira-green-self-light-front-placeholder': {
712
- readonly foreground: "#e2f4bd";
892
+ readonly 'vira-teal-background-decoration': {
893
+ readonly foreground: {
894
+ readonly refDefaultBackground: true;
895
+ };
713
896
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
714
897
  };
715
- readonly 'vira-green-self-light-front-decoration': {
716
- readonly foreground: "#e2f4bd";
898
+ readonly 'vira-teal-background-invisible': {
899
+ readonly foreground: {
900
+ readonly refDefaultBackground: true;
901
+ };
717
902
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
718
903
  };
719
- readonly 'vira-green-self-light-back-body': {
904
+ readonly 'vira-teal-on-self-body': {
720
905
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
721
- readonly background: "#e2f4bd";
906
+ readonly background: "#d3f5ed";
722
907
  };
723
- readonly 'vira-green-self-light-back-header': {
908
+ readonly 'vira-teal-on-self-header': {
724
909
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
725
- readonly background: "#e2f4bd";
910
+ readonly background: "#d3f5ed";
726
911
  };
727
- readonly 'vira-green-self-light-back-placeholder': {
912
+ readonly 'vira-teal-on-self-placeholder': {
728
913
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
729
- readonly background: "#e2f4bd";
914
+ readonly background: "#d3f5ed";
730
915
  };
731
- readonly 'vira-green-self-light-back-decoration': {
916
+ readonly 'vira-teal-on-self-decoration': {
732
917
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
733
- readonly background: "#e2f4bd";
918
+ readonly background: "#d3f5ed";
734
919
  };
735
- readonly 'vira-yellow-ahead-background-body': {
920
+ readonly 'vira-teal-on-self-invisible': {
736
921
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
922
+ readonly background: "#d3f5ed";
737
923
  };
738
- readonly 'vira-yellow-ahead-background-header': {
924
+ readonly 'vira-blue-foreground-body': {
739
925
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
740
926
  };
741
- readonly 'vira-yellow-ahead-background-placeholder': {
927
+ readonly 'vira-blue-foreground-header': {
742
928
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
743
929
  };
744
- readonly 'vira-yellow-ahead-background-decoration': {
930
+ readonly 'vira-blue-foreground-placeholder': {
745
931
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
746
932
  };
747
- readonly 'vira-yellow-behind-background-body': {
933
+ readonly 'vira-blue-foreground-decoration': {
934
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
935
+ };
936
+ readonly 'vira-blue-foreground-invisible': {
937
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
938
+ };
939
+ readonly 'vira-blue-background-body': {
748
940
  readonly foreground: {
749
941
  readonly refDefaultBackground: true;
750
942
  };
751
943
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
752
944
  };
753
- readonly 'vira-yellow-behind-background-header': {
945
+ readonly 'vira-blue-background-header': {
754
946
  readonly foreground: {
755
947
  readonly refDefaultBackground: true;
756
948
  };
757
949
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
758
950
  };
759
- readonly 'vira-yellow-behind-background-placeholder': {
951
+ readonly 'vira-blue-background-placeholder': {
760
952
  readonly foreground: {
761
953
  readonly refDefaultBackground: true;
762
954
  };
763
955
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
764
956
  };
765
- readonly 'vira-yellow-behind-background-decoration': {
957
+ readonly 'vira-blue-background-decoration': {
766
958
  readonly foreground: {
767
959
  readonly refDefaultBackground: true;
768
960
  };
769
961
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
770
962
  };
771
- readonly 'vira-yellow-ahead-foreground-body': {
772
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
773
- readonly background: {
774
- readonly refDefaultForeground: true;
963
+ readonly 'vira-blue-background-invisible': {
964
+ readonly foreground: {
965
+ readonly refDefaultBackground: true;
775
966
  };
967
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
776
968
  };
777
- readonly 'vira-yellow-ahead-foreground-header': {
969
+ readonly 'vira-blue-on-self-body': {
778
970
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
779
- readonly background: {
780
- readonly refDefaultForeground: true;
781
- };
971
+ readonly background: "#def1ff";
782
972
  };
783
- readonly 'vira-yellow-ahead-foreground-placeholder': {
973
+ readonly 'vira-blue-on-self-header': {
784
974
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
785
- readonly background: {
786
- readonly refDefaultForeground: true;
787
- };
975
+ readonly background: "#def1ff";
788
976
  };
789
- readonly 'vira-yellow-ahead-foreground-decoration': {
977
+ readonly 'vira-blue-on-self-placeholder': {
790
978
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
791
- readonly background: {
792
- readonly refDefaultForeground: true;
793
- };
979
+ readonly background: "#def1ff";
794
980
  };
795
- readonly 'vira-yellow-behind-foreground-body': {
796
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
981
+ readonly 'vira-blue-on-self-decoration': {
982
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
983
+ readonly background: "#def1ff";
797
984
  };
798
- readonly 'vira-yellow-behind-foreground-header': {
799
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
985
+ readonly 'vira-blue-on-self-invisible': {
986
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
987
+ readonly background: "#def1ff";
800
988
  };
801
- readonly 'vira-yellow-behind-foreground-placeholder': {
802
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
989
+ readonly 'vira-purple-foreground-body': {
990
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
991
+ };
992
+ readonly 'vira-purple-foreground-header': {
993
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
994
+ };
995
+ readonly 'vira-purple-foreground-placeholder': {
996
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
997
+ };
998
+ readonly 'vira-purple-foreground-decoration': {
999
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
803
1000
  };
804
- readonly 'vira-yellow-behind-foreground-decoration': {
1001
+ readonly 'vira-purple-foreground-invisible': {
1002
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1003
+ };
1004
+ readonly 'vira-purple-background-body': {
1005
+ readonly foreground: {
1006
+ readonly refDefaultBackground: true;
1007
+ };
805
1008
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
806
1009
  };
807
- readonly 'vira-yellow-self-light-front-body': {
808
- readonly foreground: "#f3f199";
1010
+ readonly 'vira-purple-background-header': {
1011
+ readonly foreground: {
1012
+ readonly refDefaultBackground: true;
1013
+ };
809
1014
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
810
1015
  };
811
- readonly 'vira-yellow-self-light-front-header': {
812
- readonly foreground: "#f3f199";
1016
+ readonly 'vira-purple-background-placeholder': {
1017
+ readonly foreground: {
1018
+ readonly refDefaultBackground: true;
1019
+ };
813
1020
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
814
1021
  };
815
- readonly 'vira-yellow-self-light-front-placeholder': {
816
- readonly foreground: "#f3f199";
1022
+ readonly 'vira-purple-background-decoration': {
1023
+ readonly foreground: {
1024
+ readonly refDefaultBackground: true;
1025
+ };
817
1026
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
818
1027
  };
819
- readonly 'vira-yellow-self-light-front-decoration': {
820
- readonly foreground: "#f3f199";
1028
+ readonly 'vira-purple-background-invisible': {
1029
+ readonly foreground: {
1030
+ readonly refDefaultBackground: true;
1031
+ };
821
1032
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
822
1033
  };
823
- readonly 'vira-yellow-self-light-back-body': {
1034
+ readonly 'vira-purple-on-self-body': {
1035
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1036
+ readonly background: "#f3ebff";
1037
+ };
1038
+ readonly 'vira-purple-on-self-header': {
1039
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1040
+ readonly background: "#f3ebff";
1041
+ };
1042
+ readonly 'vira-purple-on-self-placeholder': {
824
1043
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
825
- readonly background: "#f3f199";
1044
+ readonly background: "#f3ebff";
826
1045
  };
827
- readonly 'vira-yellow-self-light-back-header': {
1046
+ readonly 'vira-purple-on-self-decoration': {
828
1047
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
829
- readonly background: "#f3f199";
1048
+ readonly background: "#f3ebff";
830
1049
  };
831
- readonly 'vira-yellow-self-light-back-placeholder': {
1050
+ readonly 'vira-purple-on-self-invisible': {
832
1051
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
833
- readonly background: "#f3f199";
1052
+ readonly background: "#f3ebff";
834
1053
  };
835
- readonly 'vira-yellow-self-light-back-decoration': {
1054
+ readonly 'vira-pink-foreground-body': {
836
1055
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
837
- readonly background: "#f3f199";
838
1056
  };
839
- readonly 'vira-grey-ahead-background-body': {
1057
+ readonly 'vira-pink-foreground-header': {
840
1058
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
841
1059
  };
842
- readonly 'vira-grey-ahead-background-header': {
1060
+ readonly 'vira-pink-foreground-placeholder': {
843
1061
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
844
1062
  };
845
- readonly 'vira-grey-ahead-background-placeholder': {
1063
+ readonly 'vira-pink-foreground-decoration': {
846
1064
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
847
1065
  };
848
- readonly 'vira-grey-ahead-background-decoration': {
1066
+ readonly 'vira-pink-foreground-invisible': {
849
1067
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
850
1068
  };
851
- readonly 'vira-grey-behind-background-body': {
1069
+ readonly 'vira-pink-background-body': {
852
1070
  readonly foreground: {
853
1071
  readonly refDefaultBackground: true;
854
1072
  };
855
1073
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
856
1074
  };
857
- readonly 'vira-grey-behind-background-header': {
1075
+ readonly 'vira-pink-background-header': {
858
1076
  readonly foreground: {
859
1077
  readonly refDefaultBackground: true;
860
1078
  };
861
1079
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
862
1080
  };
863
- readonly 'vira-grey-behind-background-placeholder': {
1081
+ readonly 'vira-pink-background-placeholder': {
864
1082
  readonly foreground: {
865
1083
  readonly refDefaultBackground: true;
866
1084
  };
867
1085
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
868
1086
  };
869
- readonly 'vira-grey-behind-background-decoration': {
1087
+ readonly 'vira-pink-background-decoration': {
870
1088
  readonly foreground: {
871
1089
  readonly refDefaultBackground: true;
872
1090
  };
873
1091
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
874
1092
  };
875
- readonly 'vira-grey-ahead-foreground-body': {
876
- readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
877
- readonly background: {
878
- readonly refDefaultForeground: true;
1093
+ readonly 'vira-pink-background-invisible': {
1094
+ readonly foreground: {
1095
+ readonly refDefaultBackground: true;
879
1096
  };
1097
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
880
1098
  };
881
- readonly 'vira-grey-ahead-foreground-header': {
1099
+ readonly 'vira-pink-on-self-body': {
882
1100
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
883
- readonly background: {
884
- readonly refDefaultForeground: true;
885
- };
1101
+ readonly background: "#ffe7fb";
886
1102
  };
887
- readonly 'vira-grey-ahead-foreground-placeholder': {
1103
+ readonly 'vira-pink-on-self-header': {
888
1104
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
889
- readonly background: {
890
- readonly refDefaultForeground: true;
891
- };
1105
+ readonly background: "#ffe7fb";
892
1106
  };
893
- readonly 'vira-grey-ahead-foreground-decoration': {
1107
+ readonly 'vira-pink-on-self-placeholder': {
894
1108
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
895
- readonly background: {
896
- readonly refDefaultForeground: true;
897
- };
1109
+ readonly background: "#ffe7fb";
898
1110
  };
899
- readonly 'vira-grey-behind-foreground-body': {
900
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
1111
+ readonly 'vira-pink-on-self-decoration': {
1112
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1113
+ readonly background: "#ffe7fb";
901
1114
  };
902
- readonly 'vira-grey-behind-foreground-header': {
903
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
1115
+ readonly 'vira-pink-on-self-invisible': {
1116
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1117
+ readonly background: "#ffe7fb";
904
1118
  };
905
- readonly 'vira-grey-behind-foreground-placeholder': {
906
- readonly background: import("lit-css-vars").SingleCssVarDefinition;
1119
+ readonly 'vira-grey-foreground-body': {
1120
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
907
1121
  };
908
- readonly 'vira-grey-behind-foreground-decoration': {
1122
+ readonly 'vira-grey-foreground-header': {
1123
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1124
+ };
1125
+ readonly 'vira-grey-foreground-placeholder': {
1126
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1127
+ };
1128
+ readonly 'vira-grey-foreground-decoration': {
1129
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1130
+ };
1131
+ readonly 'vira-grey-foreground-invisible': {
1132
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1133
+ };
1134
+ readonly 'vira-grey-background-body': {
1135
+ readonly foreground: {
1136
+ readonly refDefaultBackground: true;
1137
+ };
909
1138
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
910
1139
  };
911
- readonly 'vira-grey-self-light-front-body': {
912
- readonly foreground: "#ededed";
1140
+ readonly 'vira-grey-background-header': {
1141
+ readonly foreground: {
1142
+ readonly refDefaultBackground: true;
1143
+ };
913
1144
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
914
1145
  };
915
- readonly 'vira-grey-self-light-front-header': {
916
- readonly foreground: "#ededed";
1146
+ readonly 'vira-grey-background-placeholder': {
1147
+ readonly foreground: {
1148
+ readonly refDefaultBackground: true;
1149
+ };
917
1150
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
918
1151
  };
919
- readonly 'vira-grey-self-light-front-placeholder': {
920
- readonly foreground: "#ededed";
1152
+ readonly 'vira-grey-background-decoration': {
1153
+ readonly foreground: {
1154
+ readonly refDefaultBackground: true;
1155
+ };
921
1156
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
922
1157
  };
923
- readonly 'vira-grey-self-light-front-decoration': {
924
- readonly foreground: "#ededed";
1158
+ readonly 'vira-grey-background-invisible': {
1159
+ readonly foreground: {
1160
+ readonly refDefaultBackground: true;
1161
+ };
925
1162
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
926
1163
  };
927
- readonly 'vira-grey-self-light-back-body': {
1164
+ readonly 'vira-grey-on-self-body': {
1165
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1166
+ readonly background: "#eeeef1";
1167
+ };
1168
+ readonly 'vira-grey-on-self-header': {
928
1169
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
929
- readonly background: "#ededed";
1170
+ readonly background: "#eeeef1";
930
1171
  };
931
- readonly 'vira-grey-self-light-back-header': {
1172
+ readonly 'vira-grey-on-self-placeholder': {
932
1173
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
933
- readonly background: "#ededed";
1174
+ readonly background: "#eeeef1";
934
1175
  };
935
- readonly 'vira-grey-self-light-back-placeholder': {
1176
+ readonly 'vira-grey-on-self-decoration': {
936
1177
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
937
- readonly background: "#ededed";
1178
+ readonly background: "#eeeef1";
938
1179
  };
939
- readonly 'vira-grey-self-light-back-decoration': {
1180
+ readonly 'vira-grey-on-self-invisible': {
940
1181
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
941
- readonly background: "#ededed";
1182
+ readonly background: "#eeeef1";
942
1183
  };
943
1184
  }>;