vira 29.2.2 → 29.3.1

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.
@@ -32,71 +32,92 @@ export const viraTheme = defineColorTheme({
32
32
  'vira-red-foreground-invisible': {
33
33
  foreground: viraColorPalette['vira-red-10'],
34
34
  },
35
- 'vira-red-background-small-body': {
35
+ 'vira-red-behind-bg-small-body': {
36
36
  foreground: {
37
37
  refDefaultBackground: true,
38
38
  },
39
39
  background: viraColorPalette['vira-red-90'],
40
40
  },
41
- 'vira-red-background-body': {
41
+ 'vira-red-behind-bg-body': {
42
42
  foreground: {
43
43
  refDefaultBackground: true,
44
44
  },
45
45
  background: viraColorPalette['vira-red-80'],
46
46
  },
47
- 'vira-red-background-non-body': {
47
+ 'vira-red-behind-bg-non-body': {
48
48
  foreground: {
49
49
  refDefaultBackground: true,
50
50
  },
51
51
  background: viraColorPalette['vira-red-60'],
52
52
  },
53
- 'vira-red-background-header': {
53
+ 'vira-red-behind-bg-header': {
54
54
  foreground: {
55
55
  refDefaultBackground: true,
56
56
  },
57
57
  background: viraColorPalette['vira-red-40'],
58
58
  },
59
- 'vira-red-background-placeholder': {
59
+ 'vira-red-behind-bg-placeholder': {
60
60
  foreground: {
61
61
  refDefaultBackground: true,
62
62
  },
63
63
  background: viraColorPalette['vira-red-30'],
64
64
  },
65
- 'vira-red-background-decoration': {
65
+ 'vira-red-behind-bg-decoration': {
66
66
  foreground: {
67
67
  refDefaultBackground: true,
68
68
  },
69
69
  background: viraColorPalette['vira-red-20'],
70
70
  },
71
- 'vira-red-background-invisible': {
71
+ 'vira-red-behind-bg-invisible': {
72
72
  foreground: {
73
73
  refDefaultBackground: true,
74
74
  },
75
75
  background: viraColorPalette['vira-red-5'],
76
76
  },
77
+ 'vira-red-behind-fg-small-body': {
78
+ background: viraColorPalette['vira-red-5'],
79
+ },
80
+ 'vira-red-behind-fg-body': {
81
+ background: viraColorPalette['vira-red-20'],
82
+ },
83
+ 'vira-red-behind-fg-non-body': {
84
+ background: viraColorPalette['vira-red-30'],
85
+ },
86
+ 'vira-red-behind-fg-header': {
87
+ background: viraColorPalette['vira-red-50'],
88
+ },
89
+ 'vira-red-behind-fg-placeholder': {
90
+ background: viraColorPalette['vira-red-60'],
91
+ },
92
+ 'vira-red-behind-fg-decoration': {
93
+ background: viraColorPalette['vira-red-80'],
94
+ },
95
+ 'vira-red-behind-fg-invisible': {
96
+ background: viraColorPalette['vira-red-90'],
97
+ },
77
98
  'vira-red-on-self-body': {
78
99
  foreground: viraColorPalette['vira-red-90'],
79
- background: '#ffe9e6',
100
+ background: viraColorPalette['vira-red-5'],
80
101
  },
81
102
  'vira-red-on-self-non-body': {
82
103
  foreground: viraColorPalette['vira-red-80'],
83
- background: '#ffe9e6',
104
+ background: viraColorPalette['vira-red-5'],
84
105
  },
85
106
  'vira-red-on-self-header': {
86
107
  foreground: viraColorPalette['vira-red-60'],
87
- background: '#ffe9e6',
108
+ background: viraColorPalette['vira-red-5'],
88
109
  },
89
110
  'vira-red-on-self-placeholder': {
90
111
  foreground: viraColorPalette['vira-red-50'],
91
- background: '#ffe9e6',
112
+ background: viraColorPalette['vira-red-5'],
92
113
  },
93
114
  'vira-red-on-self-decoration': {
94
115
  foreground: viraColorPalette['vira-red-30'],
95
- background: '#ffe9e6',
116
+ background: viraColorPalette['vira-red-5'],
96
117
  },
97
118
  'vira-red-on-self-invisible': {
98
119
  foreground: viraColorPalette['vira-red-20'],
99
- background: '#ffe9e6',
120
+ background: viraColorPalette['vira-red-5'],
100
121
  },
101
122
  'vira-orange-foreground-small-body': {
102
123
  foreground: viraColorPalette['vira-orange-90'],
@@ -119,71 +140,92 @@ export const viraTheme = defineColorTheme({
119
140
  'vira-orange-foreground-invisible': {
120
141
  foreground: viraColorPalette['vira-orange-10'],
121
142
  },
122
- 'vira-orange-background-small-body': {
143
+ 'vira-orange-behind-bg-small-body': {
123
144
  foreground: {
124
145
  refDefaultBackground: true,
125
146
  },
126
147
  background: viraColorPalette['vira-orange-90'],
127
148
  },
128
- 'vira-orange-background-body': {
149
+ 'vira-orange-behind-bg-body': {
129
150
  foreground: {
130
151
  refDefaultBackground: true,
131
152
  },
132
153
  background: viraColorPalette['vira-orange-80'],
133
154
  },
134
- 'vira-orange-background-non-body': {
155
+ 'vira-orange-behind-bg-non-body': {
135
156
  foreground: {
136
157
  refDefaultBackground: true,
137
158
  },
138
159
  background: viraColorPalette['vira-orange-60'],
139
160
  },
140
- 'vira-orange-background-header': {
161
+ 'vira-orange-behind-bg-header': {
141
162
  foreground: {
142
163
  refDefaultBackground: true,
143
164
  },
144
165
  background: viraColorPalette['vira-orange-40'],
145
166
  },
146
- 'vira-orange-background-placeholder': {
167
+ 'vira-orange-behind-bg-placeholder': {
147
168
  foreground: {
148
169
  refDefaultBackground: true,
149
170
  },
150
171
  background: viraColorPalette['vira-orange-30'],
151
172
  },
152
- 'vira-orange-background-decoration': {
173
+ 'vira-orange-behind-bg-decoration': {
153
174
  foreground: {
154
175
  refDefaultBackground: true,
155
176
  },
156
177
  background: viraColorPalette['vira-orange-20'],
157
178
  },
158
- 'vira-orange-background-invisible': {
179
+ 'vira-orange-behind-bg-invisible': {
159
180
  foreground: {
160
181
  refDefaultBackground: true,
161
182
  },
162
183
  background: viraColorPalette['vira-orange-5'],
163
184
  },
185
+ 'vira-orange-behind-fg-small-body': {
186
+ background: viraColorPalette['vira-orange-5'],
187
+ },
188
+ 'vira-orange-behind-fg-body': {
189
+ background: viraColorPalette['vira-orange-20'],
190
+ },
191
+ 'vira-orange-behind-fg-non-body': {
192
+ background: viraColorPalette['vira-orange-30'],
193
+ },
194
+ 'vira-orange-behind-fg-header': {
195
+ background: viraColorPalette['vira-orange-50'],
196
+ },
197
+ 'vira-orange-behind-fg-placeholder': {
198
+ background: viraColorPalette['vira-orange-60'],
199
+ },
200
+ 'vira-orange-behind-fg-decoration': {
201
+ background: viraColorPalette['vira-orange-80'],
202
+ },
203
+ 'vira-orange-behind-fg-invisible': {
204
+ background: viraColorPalette['vira-orange-90'],
205
+ },
164
206
  'vira-orange-on-self-body': {
165
207
  foreground: viraColorPalette['vira-orange-90'],
166
- background: '#ffebd1',
208
+ background: viraColorPalette['vira-orange-5'],
167
209
  },
168
210
  'vira-orange-on-self-non-body': {
169
211
  foreground: viraColorPalette['vira-orange-80'],
170
- background: '#ffebd1',
212
+ background: viraColorPalette['vira-orange-5'],
171
213
  },
172
214
  'vira-orange-on-self-header': {
173
215
  foreground: viraColorPalette['vira-orange-60'],
174
- background: '#ffebd1',
216
+ background: viraColorPalette['vira-orange-5'],
175
217
  },
176
218
  'vira-orange-on-self-placeholder': {
177
219
  foreground: viraColorPalette['vira-orange-50'],
178
- background: '#ffebd1',
220
+ background: viraColorPalette['vira-orange-5'],
179
221
  },
180
222
  'vira-orange-on-self-decoration': {
181
223
  foreground: viraColorPalette['vira-orange-30'],
182
- background: '#ffebd1',
224
+ background: viraColorPalette['vira-orange-5'],
183
225
  },
184
226
  'vira-orange-on-self-invisible': {
185
227
  foreground: viraColorPalette['vira-orange-20'],
186
- background: '#ffebd1',
228
+ background: viraColorPalette['vira-orange-5'],
187
229
  },
188
230
  'vira-yellow-foreground-small-body': {
189
231
  foreground: viraColorPalette['vira-yellow-90'],
@@ -206,71 +248,92 @@ export const viraTheme = defineColorTheme({
206
248
  'vira-yellow-foreground-invisible': {
207
249
  foreground: viraColorPalette['vira-yellow-5'],
208
250
  },
209
- 'vira-yellow-background-small-body': {
251
+ 'vira-yellow-behind-bg-small-body': {
210
252
  foreground: {
211
253
  refDefaultBackground: true,
212
254
  },
213
255
  background: viraColorPalette['vira-yellow-90'],
214
256
  },
215
- 'vira-yellow-background-body': {
257
+ 'vira-yellow-behind-bg-body': {
216
258
  foreground: {
217
259
  refDefaultBackground: true,
218
260
  },
219
261
  background: viraColorPalette['vira-yellow-70'],
220
262
  },
221
- 'vira-yellow-background-non-body': {
263
+ 'vira-yellow-behind-bg-non-body': {
222
264
  foreground: {
223
265
  refDefaultBackground: true,
224
266
  },
225
267
  background: viraColorPalette['vira-yellow-60'],
226
268
  },
227
- 'vira-yellow-background-header': {
269
+ 'vira-yellow-behind-bg-header': {
228
270
  foreground: {
229
271
  refDefaultBackground: true,
230
272
  },
231
273
  background: viraColorPalette['vira-yellow-40'],
232
274
  },
233
- 'vira-yellow-background-placeholder': {
275
+ 'vira-yellow-behind-bg-placeholder': {
234
276
  foreground: {
235
277
  refDefaultBackground: true,
236
278
  },
237
279
  background: viraColorPalette['vira-yellow-30'],
238
280
  },
239
- 'vira-yellow-background-decoration': {
281
+ 'vira-yellow-behind-bg-decoration': {
240
282
  foreground: {
241
283
  refDefaultBackground: true,
242
284
  },
243
285
  background: viraColorPalette['vira-yellow-20'],
244
286
  },
245
- 'vira-yellow-background-invisible': {
287
+ 'vira-yellow-behind-bg-invisible': {
246
288
  foreground: {
247
289
  refDefaultBackground: true,
248
290
  },
249
291
  background: viraColorPalette['vira-yellow-5'],
250
292
  },
293
+ 'vira-yellow-behind-fg-small-body': {
294
+ background: viraColorPalette['vira-yellow-5'],
295
+ },
296
+ 'vira-yellow-behind-fg-body': {
297
+ background: viraColorPalette['vira-yellow-20'],
298
+ },
299
+ 'vira-yellow-behind-fg-non-body': {
300
+ background: viraColorPalette['vira-yellow-30'],
301
+ },
302
+ 'vira-yellow-behind-fg-header': {
303
+ background: viraColorPalette['vira-yellow-50'],
304
+ },
305
+ 'vira-yellow-behind-fg-placeholder': {
306
+ background: viraColorPalette['vira-yellow-60'],
307
+ },
308
+ 'vira-yellow-behind-fg-decoration': {
309
+ background: viraColorPalette['vira-yellow-80'],
310
+ },
311
+ 'vira-yellow-behind-fg-invisible': {
312
+ background: viraColorPalette['vira-yellow-90'],
313
+ },
251
314
  'vira-yellow-on-self-body': {
252
315
  foreground: viraColorPalette['vira-yellow-90'],
253
- background: '#f7eeca',
316
+ background: viraColorPalette['vira-yellow-5'],
254
317
  },
255
318
  'vira-yellow-on-self-non-body': {
256
319
  foreground: viraColorPalette['vira-yellow-80'],
257
- background: '#f7eeca',
320
+ background: viraColorPalette['vira-yellow-5'],
258
321
  },
259
322
  'vira-yellow-on-self-header': {
260
323
  foreground: viraColorPalette['vira-yellow-60'],
261
- background: '#f7eeca',
324
+ background: viraColorPalette['vira-yellow-5'],
262
325
  },
263
326
  'vira-yellow-on-self-placeholder': {
264
327
  foreground: viraColorPalette['vira-yellow-50'],
265
- background: '#f7eeca',
328
+ background: viraColorPalette['vira-yellow-5'],
266
329
  },
267
330
  'vira-yellow-on-self-decoration': {
268
331
  foreground: viraColorPalette['vira-yellow-30'],
269
- background: '#f7eeca',
332
+ background: viraColorPalette['vira-yellow-5'],
270
333
  },
271
334
  'vira-yellow-on-self-invisible': {
272
335
  foreground: viraColorPalette['vira-yellow-20'],
273
- background: '#f7eeca',
336
+ background: viraColorPalette['vira-yellow-5'],
274
337
  },
275
338
  'vira-green-foreground-small-body': {
276
339
  foreground: viraColorPalette['vira-green-90'],
@@ -293,71 +356,92 @@ export const viraTheme = defineColorTheme({
293
356
  'vira-green-foreground-invisible': {
294
357
  foreground: viraColorPalette['vira-green-5'],
295
358
  },
296
- 'vira-green-background-small-body': {
359
+ 'vira-green-behind-bg-small-body': {
297
360
  foreground: {
298
361
  refDefaultBackground: true,
299
362
  },
300
363
  background: viraColorPalette['vira-green-90'],
301
364
  },
302
- 'vira-green-background-body': {
365
+ 'vira-green-behind-bg-body': {
303
366
  foreground: {
304
367
  refDefaultBackground: true,
305
368
  },
306
369
  background: viraColorPalette['vira-green-70'],
307
370
  },
308
- 'vira-green-background-non-body': {
371
+ 'vira-green-behind-bg-non-body': {
309
372
  foreground: {
310
373
  refDefaultBackground: true,
311
374
  },
312
375
  background: viraColorPalette['vira-green-60'],
313
376
  },
314
- 'vira-green-background-header': {
377
+ 'vira-green-behind-bg-header': {
315
378
  foreground: {
316
379
  refDefaultBackground: true,
317
380
  },
318
381
  background: viraColorPalette['vira-green-40'],
319
382
  },
320
- 'vira-green-background-placeholder': {
383
+ 'vira-green-behind-bg-placeholder': {
321
384
  foreground: {
322
385
  refDefaultBackground: true,
323
386
  },
324
387
  background: viraColorPalette['vira-green-30'],
325
388
  },
326
- 'vira-green-background-decoration': {
389
+ 'vira-green-behind-bg-decoration': {
327
390
  foreground: {
328
391
  refDefaultBackground: true,
329
392
  },
330
393
  background: viraColorPalette['vira-green-20'],
331
394
  },
332
- 'vira-green-background-invisible': {
395
+ 'vira-green-behind-bg-invisible': {
333
396
  foreground: {
334
397
  refDefaultBackground: true,
335
398
  },
336
399
  background: viraColorPalette['vira-green-5'],
337
400
  },
401
+ 'vira-green-behind-fg-small-body': {
402
+ background: viraColorPalette['vira-green-5'],
403
+ },
404
+ 'vira-green-behind-fg-body': {
405
+ background: viraColorPalette['vira-green-20'],
406
+ },
407
+ 'vira-green-behind-fg-non-body': {
408
+ background: viraColorPalette['vira-green-30'],
409
+ },
410
+ 'vira-green-behind-fg-header': {
411
+ background: viraColorPalette['vira-green-50'],
412
+ },
413
+ 'vira-green-behind-fg-placeholder': {
414
+ background: viraColorPalette['vira-green-60'],
415
+ },
416
+ 'vira-green-behind-fg-decoration': {
417
+ background: viraColorPalette['vira-green-80'],
418
+ },
419
+ 'vira-green-behind-fg-invisible': {
420
+ background: viraColorPalette['vira-green-90'],
421
+ },
338
422
  'vira-green-on-self-body': {
339
423
  foreground: viraColorPalette['vira-green-90'],
340
- background: '#d3f8cf',
424
+ background: viraColorPalette['vira-green-5'],
341
425
  },
342
426
  'vira-green-on-self-non-body': {
343
427
  foreground: viraColorPalette['vira-green-70'],
344
- background: '#d3f8cf',
428
+ background: viraColorPalette['vira-green-5'],
345
429
  },
346
430
  'vira-green-on-self-header': {
347
431
  foreground: viraColorPalette['vira-green-60'],
348
- background: '#d3f8cf',
432
+ background: viraColorPalette['vira-green-5'],
349
433
  },
350
434
  'vira-green-on-self-placeholder': {
351
435
  foreground: viraColorPalette['vira-green-40'],
352
- background: '#d3f8cf',
436
+ background: viraColorPalette['vira-green-5'],
353
437
  },
354
438
  'vira-green-on-self-decoration': {
355
439
  foreground: viraColorPalette['vira-green-30'],
356
- background: '#d3f8cf',
440
+ background: viraColorPalette['vira-green-5'],
357
441
  },
358
442
  'vira-green-on-self-invisible': {
359
443
  foreground: viraColorPalette['vira-green-20'],
360
- background: '#d3f8cf',
444
+ background: viraColorPalette['vira-green-5'],
361
445
  },
362
446
  'vira-teal-foreground-small-body': {
363
447
  foreground: viraColorPalette['vira-teal-90'],
@@ -380,71 +464,92 @@ export const viraTheme = defineColorTheme({
380
464
  'vira-teal-foreground-invisible': {
381
465
  foreground: viraColorPalette['vira-teal-5'],
382
466
  },
383
- 'vira-teal-background-small-body': {
467
+ 'vira-teal-behind-bg-small-body': {
384
468
  foreground: {
385
469
  refDefaultBackground: true,
386
470
  },
387
471
  background: viraColorPalette['vira-teal-90'],
388
472
  },
389
- 'vira-teal-background-body': {
473
+ 'vira-teal-behind-bg-body': {
390
474
  foreground: {
391
475
  refDefaultBackground: true,
392
476
  },
393
477
  background: viraColorPalette['vira-teal-80'],
394
478
  },
395
- 'vira-teal-background-non-body': {
479
+ 'vira-teal-behind-bg-non-body': {
396
480
  foreground: {
397
481
  refDefaultBackground: true,
398
482
  },
399
483
  background: viraColorPalette['vira-teal-60'],
400
484
  },
401
- 'vira-teal-background-header': {
485
+ 'vira-teal-behind-bg-header': {
402
486
  foreground: {
403
487
  refDefaultBackground: true,
404
488
  },
405
489
  background: viraColorPalette['vira-teal-40'],
406
490
  },
407
- 'vira-teal-background-placeholder': {
491
+ 'vira-teal-behind-bg-placeholder': {
408
492
  foreground: {
409
493
  refDefaultBackground: true,
410
494
  },
411
495
  background: viraColorPalette['vira-teal-30'],
412
496
  },
413
- 'vira-teal-background-decoration': {
497
+ 'vira-teal-behind-bg-decoration': {
414
498
  foreground: {
415
499
  refDefaultBackground: true,
416
500
  },
417
501
  background: viraColorPalette['vira-teal-20'],
418
502
  },
419
- 'vira-teal-background-invisible': {
503
+ 'vira-teal-behind-bg-invisible': {
420
504
  foreground: {
421
505
  refDefaultBackground: true,
422
506
  },
423
507
  background: viraColorPalette['vira-teal-5'],
424
508
  },
509
+ 'vira-teal-behind-fg-small-body': {
510
+ background: viraColorPalette['vira-teal-5'],
511
+ },
512
+ 'vira-teal-behind-fg-body': {
513
+ background: viraColorPalette['vira-teal-20'],
514
+ },
515
+ 'vira-teal-behind-fg-non-body': {
516
+ background: viraColorPalette['vira-teal-30'],
517
+ },
518
+ 'vira-teal-behind-fg-header': {
519
+ background: viraColorPalette['vira-teal-50'],
520
+ },
521
+ 'vira-teal-behind-fg-placeholder': {
522
+ background: viraColorPalette['vira-teal-60'],
523
+ },
524
+ 'vira-teal-behind-fg-decoration': {
525
+ background: viraColorPalette['vira-teal-80'],
526
+ },
527
+ 'vira-teal-behind-fg-invisible': {
528
+ background: viraColorPalette['vira-teal-90'],
529
+ },
425
530
  'vira-teal-on-self-body': {
426
531
  foreground: viraColorPalette['vira-teal-90'],
427
- background: '#d4f5f3',
532
+ background: viraColorPalette['vira-teal-5'],
428
533
  },
429
534
  'vira-teal-on-self-non-body': {
430
535
  foreground: viraColorPalette['vira-teal-70'],
431
- background: '#d4f5f3',
536
+ background: viraColorPalette['vira-teal-5'],
432
537
  },
433
538
  'vira-teal-on-self-header': {
434
539
  foreground: viraColorPalette['vira-teal-60'],
435
- background: '#d4f5f3',
540
+ background: viraColorPalette['vira-teal-5'],
436
541
  },
437
542
  'vira-teal-on-self-placeholder': {
438
543
  foreground: viraColorPalette['vira-teal-40'],
439
- background: '#d4f5f3',
544
+ background: viraColorPalette['vira-teal-5'],
440
545
  },
441
546
  'vira-teal-on-self-decoration': {
442
547
  foreground: viraColorPalette['vira-teal-30'],
443
- background: '#d4f5f3',
548
+ background: viraColorPalette['vira-teal-5'],
444
549
  },
445
550
  'vira-teal-on-self-invisible': {
446
551
  foreground: viraColorPalette['vira-teal-10'],
447
- background: '#d4f5f3',
552
+ background: viraColorPalette['vira-teal-5'],
448
553
  },
449
554
  'vira-blue-foreground-small-body': {
450
555
  foreground: viraColorPalette['vira-blue-90'],
@@ -467,71 +572,92 @@ export const viraTheme = defineColorTheme({
467
572
  'vira-blue-foreground-invisible': {
468
573
  foreground: viraColorPalette['vira-blue-10'],
469
574
  },
470
- 'vira-blue-background-small-body': {
575
+ 'vira-blue-behind-bg-small-body': {
471
576
  foreground: {
472
577
  refDefaultBackground: true,
473
578
  },
474
579
  background: viraColorPalette['vira-blue-90'],
475
580
  },
476
- 'vira-blue-background-body': {
581
+ 'vira-blue-behind-bg-body': {
477
582
  foreground: {
478
583
  refDefaultBackground: true,
479
584
  },
480
585
  background: viraColorPalette['vira-blue-80'],
481
586
  },
482
- 'vira-blue-background-non-body': {
587
+ 'vira-blue-behind-bg-non-body': {
483
588
  foreground: {
484
589
  refDefaultBackground: true,
485
590
  },
486
591
  background: viraColorPalette['vira-blue-60'],
487
592
  },
488
- 'vira-blue-background-header': {
593
+ 'vira-blue-behind-bg-header': {
489
594
  foreground: {
490
595
  refDefaultBackground: true,
491
596
  },
492
597
  background: viraColorPalette['vira-blue-40'],
493
598
  },
494
- 'vira-blue-background-placeholder': {
599
+ 'vira-blue-behind-bg-placeholder': {
495
600
  foreground: {
496
601
  refDefaultBackground: true,
497
602
  },
498
603
  background: viraColorPalette['vira-blue-30'],
499
604
  },
500
- 'vira-blue-background-decoration': {
605
+ 'vira-blue-behind-bg-decoration': {
501
606
  foreground: {
502
607
  refDefaultBackground: true,
503
608
  },
504
609
  background: viraColorPalette['vira-blue-20'],
505
610
  },
506
- 'vira-blue-background-invisible': {
611
+ 'vira-blue-behind-bg-invisible': {
507
612
  foreground: {
508
613
  refDefaultBackground: true,
509
614
  },
510
615
  background: viraColorPalette['vira-blue-5'],
511
616
  },
617
+ 'vira-blue-behind-fg-small-body': {
618
+ background: viraColorPalette['vira-blue-5'],
619
+ },
620
+ 'vira-blue-behind-fg-body': {
621
+ background: viraColorPalette['vira-blue-20'],
622
+ },
623
+ 'vira-blue-behind-fg-non-body': {
624
+ background: viraColorPalette['vira-blue-30'],
625
+ },
626
+ 'vira-blue-behind-fg-header': {
627
+ background: viraColorPalette['vira-blue-50'],
628
+ },
629
+ 'vira-blue-behind-fg-placeholder': {
630
+ background: viraColorPalette['vira-blue-60'],
631
+ },
632
+ 'vira-blue-behind-fg-decoration': {
633
+ background: viraColorPalette['vira-blue-80'],
634
+ },
635
+ 'vira-blue-behind-fg-invisible': {
636
+ background: viraColorPalette['vira-blue-90'],
637
+ },
512
638
  'vira-blue-on-self-body': {
513
639
  foreground: viraColorPalette['vira-blue-90'],
514
- background: '#daf2ff',
640
+ background: viraColorPalette['vira-blue-5'],
515
641
  },
516
642
  'vira-blue-on-self-non-body': {
517
643
  foreground: viraColorPalette['vira-blue-80'],
518
- background: '#daf2ff',
644
+ background: viraColorPalette['vira-blue-5'],
519
645
  },
520
646
  'vira-blue-on-self-header': {
521
647
  foreground: viraColorPalette['vira-blue-60'],
522
- background: '#daf2ff',
648
+ background: viraColorPalette['vira-blue-5'],
523
649
  },
524
650
  'vira-blue-on-self-placeholder': {
525
651
  foreground: viraColorPalette['vira-blue-50'],
526
- background: '#daf2ff',
652
+ background: viraColorPalette['vira-blue-5'],
527
653
  },
528
654
  'vira-blue-on-self-decoration': {
529
655
  foreground: viraColorPalette['vira-blue-30'],
530
- background: '#daf2ff',
656
+ background: viraColorPalette['vira-blue-5'],
531
657
  },
532
658
  'vira-blue-on-self-invisible': {
533
659
  foreground: viraColorPalette['vira-blue-10'],
534
- background: '#daf2ff',
660
+ background: viraColorPalette['vira-blue-5'],
535
661
  },
536
662
  'vira-purple-foreground-small-body': {
537
663
  foreground: viraColorPalette['vira-purple-90'],
@@ -554,71 +680,92 @@ export const viraTheme = defineColorTheme({
554
680
  'vira-purple-foreground-invisible': {
555
681
  foreground: viraColorPalette['vira-purple-5'],
556
682
  },
557
- 'vira-purple-background-small-body': {
683
+ 'vira-purple-behind-bg-small-body': {
558
684
  foreground: {
559
685
  refDefaultBackground: true,
560
686
  },
561
687
  background: viraColorPalette['vira-purple-90'],
562
688
  },
563
- 'vira-purple-background-body': {
689
+ 'vira-purple-behind-bg-body': {
564
690
  foreground: {
565
691
  refDefaultBackground: true,
566
692
  },
567
693
  background: viraColorPalette['vira-purple-80'],
568
694
  },
569
- 'vira-purple-background-non-body': {
695
+ 'vira-purple-behind-bg-non-body': {
570
696
  foreground: {
571
697
  refDefaultBackground: true,
572
698
  },
573
699
  background: viraColorPalette['vira-purple-60'],
574
700
  },
575
- 'vira-purple-background-header': {
701
+ 'vira-purple-behind-bg-header': {
576
702
  foreground: {
577
703
  refDefaultBackground: true,
578
704
  },
579
705
  background: viraColorPalette['vira-purple-40'],
580
706
  },
581
- 'vira-purple-background-placeholder': {
707
+ 'vira-purple-behind-bg-placeholder': {
582
708
  foreground: {
583
709
  refDefaultBackground: true,
584
710
  },
585
711
  background: viraColorPalette['vira-purple-30'],
586
712
  },
587
- 'vira-purple-background-decoration': {
713
+ 'vira-purple-behind-bg-decoration': {
588
714
  foreground: {
589
715
  refDefaultBackground: true,
590
716
  },
591
717
  background: viraColorPalette['vira-purple-20'],
592
718
  },
593
- 'vira-purple-background-invisible': {
719
+ 'vira-purple-behind-bg-invisible': {
594
720
  foreground: {
595
721
  refDefaultBackground: true,
596
722
  },
597
723
  background: viraColorPalette['vira-purple-5'],
598
724
  },
725
+ 'vira-purple-behind-fg-small-body': {
726
+ background: viraColorPalette['vira-purple-5'],
727
+ },
728
+ 'vira-purple-behind-fg-body': {
729
+ background: viraColorPalette['vira-purple-20'],
730
+ },
731
+ 'vira-purple-behind-fg-non-body': {
732
+ background: viraColorPalette['vira-purple-30'],
733
+ },
734
+ 'vira-purple-behind-fg-header': {
735
+ background: viraColorPalette['vira-purple-50'],
736
+ },
737
+ 'vira-purple-behind-fg-placeholder': {
738
+ background: viraColorPalette['vira-purple-60'],
739
+ },
740
+ 'vira-purple-behind-fg-decoration': {
741
+ background: viraColorPalette['vira-purple-80'],
742
+ },
743
+ 'vira-purple-behind-fg-invisible': {
744
+ background: viraColorPalette['vira-purple-90'],
745
+ },
599
746
  'vira-purple-on-self-body': {
600
747
  foreground: viraColorPalette['vira-purple-90'],
601
- background: '#f6eaff',
748
+ background: viraColorPalette['vira-purple-5'],
602
749
  },
603
750
  'vira-purple-on-self-non-body': {
604
751
  foreground: viraColorPalette['vira-purple-70'],
605
- background: '#f6eaff',
752
+ background: viraColorPalette['vira-purple-5'],
606
753
  },
607
754
  'vira-purple-on-self-header': {
608
755
  foreground: viraColorPalette['vira-purple-60'],
609
- background: '#f6eaff',
756
+ background: viraColorPalette['vira-purple-5'],
610
757
  },
611
758
  'vira-purple-on-self-placeholder': {
612
759
  foreground: viraColorPalette['vira-purple-40'],
613
- background: '#f6eaff',
760
+ background: viraColorPalette['vira-purple-5'],
614
761
  },
615
762
  'vira-purple-on-self-decoration': {
616
763
  foreground: viraColorPalette['vira-purple-30'],
617
- background: '#f6eaff',
764
+ background: viraColorPalette['vira-purple-5'],
618
765
  },
619
766
  'vira-purple-on-self-invisible': {
620
767
  foreground: viraColorPalette['vira-purple-10'],
621
- background: '#f6eaff',
768
+ background: viraColorPalette['vira-purple-5'],
622
769
  },
623
770
  'vira-pink-foreground-small-body': {
624
771
  foreground: viraColorPalette['vira-pink-90'],
@@ -641,71 +788,92 @@ export const viraTheme = defineColorTheme({
641
788
  'vira-pink-foreground-invisible': {
642
789
  foreground: viraColorPalette['vira-pink-10'],
643
790
  },
644
- 'vira-pink-background-small-body': {
791
+ 'vira-pink-behind-bg-small-body': {
645
792
  foreground: {
646
793
  refDefaultBackground: true,
647
794
  },
648
795
  background: viraColorPalette['vira-pink-90'],
649
796
  },
650
- 'vira-pink-background-body': {
797
+ 'vira-pink-behind-bg-body': {
651
798
  foreground: {
652
799
  refDefaultBackground: true,
653
800
  },
654
801
  background: viraColorPalette['vira-pink-80'],
655
802
  },
656
- 'vira-pink-background-non-body': {
803
+ 'vira-pink-behind-bg-non-body': {
657
804
  foreground: {
658
805
  refDefaultBackground: true,
659
806
  },
660
807
  background: viraColorPalette['vira-pink-60'],
661
808
  },
662
- 'vira-pink-background-header': {
809
+ 'vira-pink-behind-bg-header': {
663
810
  foreground: {
664
811
  refDefaultBackground: true,
665
812
  },
666
813
  background: viraColorPalette['vira-pink-40'],
667
814
  },
668
- 'vira-pink-background-placeholder': {
815
+ 'vira-pink-behind-bg-placeholder': {
669
816
  foreground: {
670
817
  refDefaultBackground: true,
671
818
  },
672
819
  background: viraColorPalette['vira-pink-30'],
673
820
  },
674
- 'vira-pink-background-decoration': {
821
+ 'vira-pink-behind-bg-decoration': {
675
822
  foreground: {
676
823
  refDefaultBackground: true,
677
824
  },
678
825
  background: viraColorPalette['vira-pink-20'],
679
826
  },
680
- 'vira-pink-background-invisible': {
827
+ 'vira-pink-behind-bg-invisible': {
681
828
  foreground: {
682
829
  refDefaultBackground: true,
683
830
  },
684
831
  background: viraColorPalette['vira-pink-5'],
685
832
  },
833
+ 'vira-pink-behind-fg-small-body': {
834
+ background: viraColorPalette['vira-pink-5'],
835
+ },
836
+ 'vira-pink-behind-fg-body': {
837
+ background: viraColorPalette['vira-pink-20'],
838
+ },
839
+ 'vira-pink-behind-fg-non-body': {
840
+ background: viraColorPalette['vira-pink-30'],
841
+ },
842
+ 'vira-pink-behind-fg-header': {
843
+ background: viraColorPalette['vira-pink-50'],
844
+ },
845
+ 'vira-pink-behind-fg-placeholder': {
846
+ background: viraColorPalette['vira-pink-60'],
847
+ },
848
+ 'vira-pink-behind-fg-decoration': {
849
+ background: viraColorPalette['vira-pink-80'],
850
+ },
851
+ 'vira-pink-behind-fg-invisible': {
852
+ background: viraColorPalette['vira-pink-90'],
853
+ },
686
854
  'vira-pink-on-self-body': {
687
855
  foreground: viraColorPalette['vira-pink-90'],
688
- background: '#ffe7fb',
856
+ background: viraColorPalette['vira-pink-5'],
689
857
  },
690
858
  'vira-pink-on-self-non-body': {
691
859
  foreground: viraColorPalette['vira-pink-80'],
692
- background: '#ffe7fb',
860
+ background: viraColorPalette['vira-pink-5'],
693
861
  },
694
862
  'vira-pink-on-self-header': {
695
863
  foreground: viraColorPalette['vira-pink-60'],
696
- background: '#ffe7fb',
864
+ background: viraColorPalette['vira-pink-5'],
697
865
  },
698
866
  'vira-pink-on-self-placeholder': {
699
867
  foreground: viraColorPalette['vira-pink-50'],
700
- background: '#ffe7fb',
868
+ background: viraColorPalette['vira-pink-5'],
701
869
  },
702
870
  'vira-pink-on-self-decoration': {
703
871
  foreground: viraColorPalette['vira-pink-30'],
704
- background: '#ffe7fb',
872
+ background: viraColorPalette['vira-pink-5'],
705
873
  },
706
874
  'vira-pink-on-self-invisible': {
707
875
  foreground: viraColorPalette['vira-pink-20'],
708
- background: '#ffe7fb',
876
+ background: viraColorPalette['vira-pink-5'],
709
877
  },
710
878
  'vira-grey-foreground-small-body': {
711
879
  foreground: viraColorPalette['vira-grey-90'],
@@ -728,71 +896,92 @@ export const viraTheme = defineColorTheme({
728
896
  'vira-grey-foreground-invisible': {
729
897
  foreground: viraColorPalette['vira-grey-5'],
730
898
  },
731
- 'vira-grey-background-small-body': {
899
+ 'vira-grey-behind-bg-small-body': {
732
900
  foreground: {
733
901
  refDefaultBackground: true,
734
902
  },
735
903
  background: viraColorPalette['vira-grey-90'],
736
904
  },
737
- 'vira-grey-background-body': {
905
+ 'vira-grey-behind-bg-body': {
738
906
  foreground: {
739
907
  refDefaultBackground: true,
740
908
  },
741
909
  background: viraColorPalette['vira-grey-80'],
742
910
  },
743
- 'vira-grey-background-non-body': {
911
+ 'vira-grey-behind-bg-non-body': {
744
912
  foreground: {
745
913
  refDefaultBackground: true,
746
914
  },
747
915
  background: viraColorPalette['vira-grey-60'],
748
916
  },
749
- 'vira-grey-background-header': {
917
+ 'vira-grey-behind-bg-header': {
750
918
  foreground: {
751
919
  refDefaultBackground: true,
752
920
  },
753
921
  background: viraColorPalette['vira-grey-40'],
754
922
  },
755
- 'vira-grey-background-placeholder': {
923
+ 'vira-grey-behind-bg-placeholder': {
756
924
  foreground: {
757
925
  refDefaultBackground: true,
758
926
  },
759
927
  background: viraColorPalette['vira-grey-30'],
760
928
  },
761
- 'vira-grey-background-decoration': {
929
+ 'vira-grey-behind-bg-decoration': {
762
930
  foreground: {
763
931
  refDefaultBackground: true,
764
932
  },
765
933
  background: viraColorPalette['vira-grey-20'],
766
934
  },
767
- 'vira-grey-background-invisible': {
935
+ 'vira-grey-behind-bg-invisible': {
768
936
  foreground: {
769
937
  refDefaultBackground: true,
770
938
  },
771
939
  background: viraColorPalette['vira-grey-5'],
772
940
  },
941
+ 'vira-grey-behind-fg-small-body': {
942
+ background: viraColorPalette['vira-grey-5'],
943
+ },
944
+ 'vira-grey-behind-fg-body': {
945
+ background: viraColorPalette['vira-grey-20'],
946
+ },
947
+ 'vira-grey-behind-fg-non-body': {
948
+ background: viraColorPalette['vira-grey-30'],
949
+ },
950
+ 'vira-grey-behind-fg-header': {
951
+ background: viraColorPalette['vira-grey-50'],
952
+ },
953
+ 'vira-grey-behind-fg-placeholder': {
954
+ background: viraColorPalette['vira-grey-60'],
955
+ },
956
+ 'vira-grey-behind-fg-decoration': {
957
+ background: viraColorPalette['vira-grey-80'],
958
+ },
959
+ 'vira-grey-behind-fg-invisible': {
960
+ background: viraColorPalette['vira-grey-90'],
961
+ },
773
962
  'vira-grey-on-self-body': {
774
963
  foreground: viraColorPalette['vira-grey-90'],
775
- background: '#eceff0',
964
+ background: viraColorPalette['vira-grey-5'],
776
965
  },
777
966
  'vira-grey-on-self-non-body': {
778
967
  foreground: viraColorPalette['vira-grey-70'],
779
- background: '#eceff0',
968
+ background: viraColorPalette['vira-grey-5'],
780
969
  },
781
970
  'vira-grey-on-self-header': {
782
971
  foreground: viraColorPalette['vira-grey-60'],
783
- background: '#eceff0',
972
+ background: viraColorPalette['vira-grey-5'],
784
973
  },
785
974
  'vira-grey-on-self-placeholder': {
786
975
  foreground: viraColorPalette['vira-grey-40'],
787
- background: '#eceff0',
976
+ background: viraColorPalette['vira-grey-5'],
788
977
  },
789
978
  'vira-grey-on-self-decoration': {
790
979
  foreground: viraColorPalette['vira-grey-30'],
791
- background: '#eceff0',
980
+ background: viraColorPalette['vira-grey-5'],
792
981
  },
793
982
  'vira-grey-on-self-invisible': {
794
983
  foreground: viraColorPalette['vira-grey-10'],
795
- background: '#eceff0',
984
+ background: viraColorPalette['vira-grey-5'],
796
985
  },
797
986
  });
798
987
  /**
@@ -833,56 +1022,84 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
833
1022
  foreground: viraColorPalette['vira-red-90'],
834
1023
  background: 'black',
835
1024
  },
836
- 'vira-red-background-small-body': {
1025
+ 'vira-red-behind-bg-small-body': {
837
1026
  foreground: 'black',
838
1027
  background: viraColorPalette['vira-red-5'],
839
1028
  },
840
- 'vira-red-background-body': {
1029
+ 'vira-red-behind-bg-body': {
841
1030
  foreground: 'black',
842
1031
  background: viraColorPalette['vira-red-20'],
843
1032
  },
844
- 'vira-red-background-non-body': {
1033
+ 'vira-red-behind-bg-non-body': {
845
1034
  foreground: 'black',
846
1035
  background: viraColorPalette['vira-red-30'],
847
1036
  },
848
- 'vira-red-background-header': {
1037
+ 'vira-red-behind-bg-header': {
849
1038
  foreground: 'black',
850
1039
  background: viraColorPalette['vira-red-50'],
851
1040
  },
852
- 'vira-red-background-placeholder': {
1041
+ 'vira-red-behind-bg-placeholder': {
853
1042
  foreground: 'black',
854
1043
  background: viraColorPalette['vira-red-60'],
855
1044
  },
856
- 'vira-red-background-decoration': {
1045
+ 'vira-red-behind-bg-decoration': {
857
1046
  foreground: 'black',
858
1047
  background: viraColorPalette['vira-red-80'],
859
1048
  },
860
- 'vira-red-background-invisible': {
1049
+ 'vira-red-behind-bg-invisible': {
861
1050
  foreground: 'black',
862
1051
  background: viraColorPalette['vira-red-90'],
863
1052
  },
1053
+ 'vira-red-behind-fg-small-body': {
1054
+ foreground: 'white',
1055
+ background: viraColorPalette['vira-red-90'],
1056
+ },
1057
+ 'vira-red-behind-fg-body': {
1058
+ foreground: 'white',
1059
+ background: viraColorPalette['vira-red-80'],
1060
+ },
1061
+ 'vira-red-behind-fg-non-body': {
1062
+ foreground: 'white',
1063
+ background: viraColorPalette['vira-red-60'],
1064
+ },
1065
+ 'vira-red-behind-fg-header': {
1066
+ foreground: 'white',
1067
+ background: viraColorPalette['vira-red-40'],
1068
+ },
1069
+ 'vira-red-behind-fg-placeholder': {
1070
+ foreground: 'white',
1071
+ background: viraColorPalette['vira-red-30'],
1072
+ },
1073
+ 'vira-red-behind-fg-decoration': {
1074
+ foreground: 'white',
1075
+ background: viraColorPalette['vira-red-20'],
1076
+ },
1077
+ 'vira-red-behind-fg-invisible': {
1078
+ foreground: 'white',
1079
+ background: viraColorPalette['vira-red-5'],
1080
+ },
864
1081
  'vira-red-on-self-body': {
865
1082
  foreground: viraColorPalette['vira-red-10'],
866
- background: '#760003',
1083
+ background: viraColorPalette['vira-red-90'],
867
1084
  },
868
1085
  'vira-red-on-self-non-body': {
869
1086
  foreground: viraColorPalette['vira-red-20'],
870
- background: '#760003',
1087
+ background: viraColorPalette['vira-red-90'],
871
1088
  },
872
1089
  'vira-red-on-self-header': {
873
1090
  foreground: viraColorPalette['vira-red-40'],
874
- background: '#760003',
1091
+ background: viraColorPalette['vira-red-90'],
875
1092
  },
876
1093
  'vira-red-on-self-placeholder': {
877
- background: '#760003',
1094
+ background: viraColorPalette['vira-red-90'],
878
1095
  },
879
1096
  'vira-red-on-self-decoration': {
880
1097
  foreground: viraColorPalette['vira-red-70'],
881
- background: '#760003',
1098
+ background: viraColorPalette['vira-red-90'],
882
1099
  },
883
1100
  'vira-red-on-self-invisible': {
884
1101
  foreground: viraColorPalette['vira-red-80'],
885
- background: '#760003',
1102
+ background: viraColorPalette['vira-red-90'],
886
1103
  },
887
1104
  'vira-orange-foreground-small-body': {
888
1105
  foreground: viraColorPalette['vira-orange-5'],
@@ -911,56 +1128,84 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
911
1128
  foreground: viraColorPalette['vira-orange-90'],
912
1129
  background: 'black',
913
1130
  },
914
- 'vira-orange-background-small-body': {
1131
+ 'vira-orange-behind-bg-small-body': {
915
1132
  foreground: 'black',
916
1133
  background: viraColorPalette['vira-orange-5'],
917
1134
  },
918
- 'vira-orange-background-body': {
1135
+ 'vira-orange-behind-bg-body': {
919
1136
  foreground: 'black',
920
1137
  background: viraColorPalette['vira-orange-20'],
921
1138
  },
922
- 'vira-orange-background-non-body': {
1139
+ 'vira-orange-behind-bg-non-body': {
923
1140
  foreground: 'black',
924
1141
  background: viraColorPalette['vira-orange-30'],
925
1142
  },
926
- 'vira-orange-background-header': {
1143
+ 'vira-orange-behind-bg-header': {
927
1144
  foreground: 'black',
928
1145
  background: viraColorPalette['vira-orange-50'],
929
1146
  },
930
- 'vira-orange-background-placeholder': {
1147
+ 'vira-orange-behind-bg-placeholder': {
931
1148
  foreground: 'black',
932
1149
  background: viraColorPalette['vira-orange-60'],
933
1150
  },
934
- 'vira-orange-background-decoration': {
1151
+ 'vira-orange-behind-bg-decoration': {
935
1152
  foreground: 'black',
936
1153
  background: viraColorPalette['vira-orange-80'],
937
1154
  },
938
- 'vira-orange-background-invisible': {
1155
+ 'vira-orange-behind-bg-invisible': {
939
1156
  foreground: 'black',
940
1157
  background: viraColorPalette['vira-orange-90'],
941
1158
  },
1159
+ 'vira-orange-behind-fg-small-body': {
1160
+ foreground: 'white',
1161
+ background: viraColorPalette['vira-orange-90'],
1162
+ },
1163
+ 'vira-orange-behind-fg-body': {
1164
+ foreground: 'white',
1165
+ background: viraColorPalette['vira-orange-80'],
1166
+ },
1167
+ 'vira-orange-behind-fg-non-body': {
1168
+ foreground: 'white',
1169
+ background: viraColorPalette['vira-orange-60'],
1170
+ },
1171
+ 'vira-orange-behind-fg-header': {
1172
+ foreground: 'white',
1173
+ background: viraColorPalette['vira-orange-40'],
1174
+ },
1175
+ 'vira-orange-behind-fg-placeholder': {
1176
+ foreground: 'white',
1177
+ background: viraColorPalette['vira-orange-30'],
1178
+ },
1179
+ 'vira-orange-behind-fg-decoration': {
1180
+ foreground: 'white',
1181
+ background: viraColorPalette['vira-orange-20'],
1182
+ },
1183
+ 'vira-orange-behind-fg-invisible': {
1184
+ foreground: 'white',
1185
+ background: viraColorPalette['vira-orange-5'],
1186
+ },
942
1187
  'vira-orange-on-self-body': {
943
1188
  foreground: viraColorPalette['vira-orange-10'],
944
- background: '#6a2500',
1189
+ background: viraColorPalette['vira-orange-90'],
945
1190
  },
946
1191
  'vira-orange-on-self-non-body': {
947
1192
  foreground: viraColorPalette['vira-orange-20'],
948
- background: '#6a2500',
1193
+ background: viraColorPalette['vira-orange-90'],
949
1194
  },
950
1195
  'vira-orange-on-self-header': {
951
1196
  foreground: viraColorPalette['vira-orange-40'],
952
- background: '#6a2500',
1197
+ background: viraColorPalette['vira-orange-90'],
953
1198
  },
954
1199
  'vira-orange-on-self-placeholder': {
955
- background: '#6a2500',
1200
+ background: viraColorPalette['vira-orange-90'],
956
1201
  },
957
1202
  'vira-orange-on-self-decoration': {
958
1203
  foreground: viraColorPalette['vira-orange-70'],
959
- background: '#6a2500',
1204
+ background: viraColorPalette['vira-orange-90'],
960
1205
  },
961
1206
  'vira-orange-on-self-invisible': {
962
1207
  foreground: viraColorPalette['vira-orange-80'],
963
- background: '#6a2500',
1208
+ background: viraColorPalette['vira-orange-90'],
964
1209
  },
965
1210
  'vira-yellow-foreground-small-body': {
966
1211
  foreground: viraColorPalette['vira-yellow-5'],
@@ -989,56 +1234,84 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
989
1234
  foreground: viraColorPalette['vira-yellow-90'],
990
1235
  background: 'black',
991
1236
  },
992
- 'vira-yellow-background-small-body': {
1237
+ 'vira-yellow-behind-bg-small-body': {
993
1238
  foreground: 'black',
994
1239
  background: viraColorPalette['vira-yellow-5'],
995
1240
  },
996
- 'vira-yellow-background-body': {
1241
+ 'vira-yellow-behind-bg-body': {
997
1242
  foreground: 'black',
998
1243
  background: viraColorPalette['vira-yellow-20'],
999
1244
  },
1000
- 'vira-yellow-background-non-body': {
1245
+ 'vira-yellow-behind-bg-non-body': {
1001
1246
  foreground: 'black',
1002
1247
  background: viraColorPalette['vira-yellow-30'],
1003
1248
  },
1004
- 'vira-yellow-background-header': {
1249
+ 'vira-yellow-behind-bg-header': {
1005
1250
  foreground: 'black',
1006
1251
  background: viraColorPalette['vira-yellow-50'],
1007
1252
  },
1008
- 'vira-yellow-background-placeholder': {
1253
+ 'vira-yellow-behind-bg-placeholder': {
1009
1254
  foreground: 'black',
1010
1255
  background: viraColorPalette['vira-yellow-60'],
1011
1256
  },
1012
- 'vira-yellow-background-decoration': {
1257
+ 'vira-yellow-behind-bg-decoration': {
1013
1258
  foreground: 'black',
1014
1259
  background: viraColorPalette['vira-yellow-80'],
1015
1260
  },
1016
- 'vira-yellow-background-invisible': {
1261
+ 'vira-yellow-behind-bg-invisible': {
1017
1262
  foreground: 'black',
1018
1263
  background: viraColorPalette['vira-yellow-90'],
1019
1264
  },
1265
+ 'vira-yellow-behind-fg-small-body': {
1266
+ foreground: 'white',
1267
+ background: viraColorPalette['vira-yellow-90'],
1268
+ },
1269
+ 'vira-yellow-behind-fg-body': {
1270
+ foreground: 'white',
1271
+ background: viraColorPalette['vira-yellow-70'],
1272
+ },
1273
+ 'vira-yellow-behind-fg-non-body': {
1274
+ foreground: 'white',
1275
+ background: viraColorPalette['vira-yellow-60'],
1276
+ },
1277
+ 'vira-yellow-behind-fg-header': {
1278
+ foreground: 'white',
1279
+ background: viraColorPalette['vira-yellow-40'],
1280
+ },
1281
+ 'vira-yellow-behind-fg-placeholder': {
1282
+ foreground: 'white',
1283
+ background: viraColorPalette['vira-yellow-30'],
1284
+ },
1285
+ 'vira-yellow-behind-fg-decoration': {
1286
+ foreground: 'white',
1287
+ background: viraColorPalette['vira-yellow-20'],
1288
+ },
1289
+ 'vira-yellow-behind-fg-invisible': {
1290
+ foreground: 'white',
1291
+ background: viraColorPalette['vira-yellow-5'],
1292
+ },
1020
1293
  'vira-yellow-on-self-body': {
1021
1294
  foreground: viraColorPalette['vira-yellow-10'],
1022
- background: '#4c3b00',
1295
+ background: viraColorPalette['vira-yellow-90'],
1023
1296
  },
1024
1297
  'vira-yellow-on-self-non-body': {
1025
1298
  foreground: viraColorPalette['vira-yellow-20'],
1026
- background: '#4c3b00',
1299
+ background: viraColorPalette['vira-yellow-90'],
1027
1300
  },
1028
1301
  'vira-yellow-on-self-header': {
1029
1302
  foreground: viraColorPalette['vira-yellow-40'],
1030
- background: '#4c3b00',
1303
+ background: viraColorPalette['vira-yellow-90'],
1031
1304
  },
1032
1305
  'vira-yellow-on-self-placeholder': {
1033
- background: '#4c3b00',
1306
+ background: viraColorPalette['vira-yellow-90'],
1034
1307
  },
1035
1308
  'vira-yellow-on-self-decoration': {
1036
1309
  foreground: viraColorPalette['vira-yellow-70'],
1037
- background: '#4c3b00',
1310
+ background: viraColorPalette['vira-yellow-90'],
1038
1311
  },
1039
1312
  'vira-yellow-on-self-invisible': {
1040
1313
  foreground: viraColorPalette['vira-yellow-80'],
1041
- background: '#4c3b00',
1314
+ background: viraColorPalette['vira-yellow-90'],
1042
1315
  },
1043
1316
  'vira-green-foreground-small-body': {
1044
1317
  foreground: viraColorPalette['vira-green-5'],
@@ -1067,57 +1340,85 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
1067
1340
  foreground: viraColorPalette['vira-green-90'],
1068
1341
  background: 'black',
1069
1342
  },
1070
- 'vira-green-background-small-body': {
1343
+ 'vira-green-behind-bg-small-body': {
1071
1344
  foreground: 'black',
1072
1345
  background: viraColorPalette['vira-green-5'],
1073
1346
  },
1074
- 'vira-green-background-body': {
1347
+ 'vira-green-behind-bg-body': {
1075
1348
  foreground: 'black',
1076
1349
  background: viraColorPalette['vira-green-20'],
1077
1350
  },
1078
- 'vira-green-background-non-body': {
1351
+ 'vira-green-behind-bg-non-body': {
1079
1352
  foreground: 'black',
1080
1353
  background: viraColorPalette['vira-green-30'],
1081
1354
  },
1082
- 'vira-green-background-header': {
1355
+ 'vira-green-behind-bg-header': {
1083
1356
  foreground: 'black',
1084
1357
  background: viraColorPalette['vira-green-50'],
1085
1358
  },
1086
- 'vira-green-background-placeholder': {
1359
+ 'vira-green-behind-bg-placeholder': {
1087
1360
  foreground: 'black',
1088
1361
  background: viraColorPalette['vira-green-60'],
1089
1362
  },
1090
- 'vira-green-background-decoration': {
1363
+ 'vira-green-behind-bg-decoration': {
1091
1364
  foreground: 'black',
1092
1365
  background: viraColorPalette['vira-green-80'],
1093
1366
  },
1094
- 'vira-green-background-invisible': {
1367
+ 'vira-green-behind-bg-invisible': {
1095
1368
  foreground: 'black',
1096
1369
  background: viraColorPalette['vira-green-90'],
1097
1370
  },
1371
+ 'vira-green-behind-fg-small-body': {
1372
+ foreground: 'white',
1373
+ background: viraColorPalette['vira-green-90'],
1374
+ },
1375
+ 'vira-green-behind-fg-body': {
1376
+ foreground: 'white',
1377
+ background: viraColorPalette['vira-green-70'],
1378
+ },
1379
+ 'vira-green-behind-fg-non-body': {
1380
+ foreground: 'white',
1381
+ background: viraColorPalette['vira-green-60'],
1382
+ },
1383
+ 'vira-green-behind-fg-header': {
1384
+ foreground: 'white',
1385
+ background: viraColorPalette['vira-green-40'],
1386
+ },
1387
+ 'vira-green-behind-fg-placeholder': {
1388
+ foreground: 'white',
1389
+ background: viraColorPalette['vira-green-30'],
1390
+ },
1391
+ 'vira-green-behind-fg-decoration': {
1392
+ foreground: 'white',
1393
+ background: viraColorPalette['vira-green-20'],
1394
+ },
1395
+ 'vira-green-behind-fg-invisible': {
1396
+ foreground: 'white',
1397
+ background: viraColorPalette['vira-green-5'],
1398
+ },
1098
1399
  'vira-green-on-self-body': {
1099
1400
  foreground: viraColorPalette['vira-green-10'],
1100
- background: '#004700',
1401
+ background: viraColorPalette['vira-green-90'],
1101
1402
  },
1102
1403
  'vira-green-on-self-non-body': {
1103
1404
  foreground: viraColorPalette['vira-green-20'],
1104
- background: '#004700',
1405
+ background: viraColorPalette['vira-green-90'],
1105
1406
  },
1106
1407
  'vira-green-on-self-header': {
1107
1408
  foreground: viraColorPalette['vira-green-40'],
1108
- background: '#004700',
1409
+ background: viraColorPalette['vira-green-90'],
1109
1410
  },
1110
1411
  'vira-green-on-self-placeholder': {
1111
1412
  foreground: viraColorPalette['vira-green-50'],
1112
- background: '#004700',
1413
+ background: viraColorPalette['vira-green-90'],
1113
1414
  },
1114
1415
  'vira-green-on-self-decoration': {
1115
1416
  foreground: viraColorPalette['vira-green-70'],
1116
- background: '#004700',
1417
+ background: viraColorPalette['vira-green-90'],
1117
1418
  },
1118
1419
  'vira-green-on-self-invisible': {
1119
1420
  foreground: viraColorPalette['vira-green-80'],
1120
- background: '#004700',
1421
+ background: viraColorPalette['vira-green-90'],
1121
1422
  },
1122
1423
  'vira-teal-foreground-small-body': {
1123
1424
  foreground: viraColorPalette['vira-teal-5'],
@@ -1146,57 +1447,85 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
1146
1447
  foreground: viraColorPalette['vira-teal-90'],
1147
1448
  background: 'black',
1148
1449
  },
1149
- 'vira-teal-background-small-body': {
1450
+ 'vira-teal-behind-bg-small-body': {
1150
1451
  foreground: 'black',
1151
1452
  background: viraColorPalette['vira-teal-5'],
1152
1453
  },
1153
- 'vira-teal-background-body': {
1454
+ 'vira-teal-behind-bg-body': {
1154
1455
  foreground: 'black',
1155
1456
  background: viraColorPalette['vira-teal-20'],
1156
1457
  },
1157
- 'vira-teal-background-non-body': {
1458
+ 'vira-teal-behind-bg-non-body': {
1158
1459
  foreground: 'black',
1159
1460
  background: viraColorPalette['vira-teal-30'],
1160
1461
  },
1161
- 'vira-teal-background-header': {
1462
+ 'vira-teal-behind-bg-header': {
1162
1463
  foreground: 'black',
1163
1464
  background: viraColorPalette['vira-teal-50'],
1164
1465
  },
1165
- 'vira-teal-background-placeholder': {
1466
+ 'vira-teal-behind-bg-placeholder': {
1166
1467
  foreground: 'black',
1167
1468
  background: viraColorPalette['vira-teal-60'],
1168
1469
  },
1169
- 'vira-teal-background-decoration': {
1470
+ 'vira-teal-behind-bg-decoration': {
1170
1471
  foreground: 'black',
1171
1472
  background: viraColorPalette['vira-teal-80'],
1172
1473
  },
1173
- 'vira-teal-background-invisible': {
1474
+ 'vira-teal-behind-bg-invisible': {
1174
1475
  foreground: 'black',
1175
1476
  background: viraColorPalette['vira-teal-90'],
1176
1477
  },
1478
+ 'vira-teal-behind-fg-small-body': {
1479
+ foreground: 'white',
1480
+ background: viraColorPalette['vira-teal-90'],
1481
+ },
1482
+ 'vira-teal-behind-fg-body': {
1483
+ foreground: 'white',
1484
+ background: viraColorPalette['vira-teal-80'],
1485
+ },
1486
+ 'vira-teal-behind-fg-non-body': {
1487
+ foreground: 'white',
1488
+ background: viraColorPalette['vira-teal-60'],
1489
+ },
1490
+ 'vira-teal-behind-fg-header': {
1491
+ foreground: 'white',
1492
+ background: viraColorPalette['vira-teal-40'],
1493
+ },
1494
+ 'vira-teal-behind-fg-placeholder': {
1495
+ foreground: 'white',
1496
+ background: viraColorPalette['vira-teal-30'],
1497
+ },
1498
+ 'vira-teal-behind-fg-decoration': {
1499
+ foreground: 'white',
1500
+ background: viraColorPalette['vira-teal-20'],
1501
+ },
1502
+ 'vira-teal-behind-fg-invisible': {
1503
+ foreground: 'white',
1504
+ background: viraColorPalette['vira-teal-5'],
1505
+ },
1177
1506
  'vira-teal-on-self-body': {
1178
1507
  foreground: viraColorPalette['vira-teal-10'],
1179
- background: '#004442',
1508
+ background: viraColorPalette['vira-teal-90'],
1180
1509
  },
1181
1510
  'vira-teal-on-self-non-body': {
1182
1511
  foreground: viraColorPalette['vira-teal-20'],
1183
- background: '#004442',
1512
+ background: viraColorPalette['vira-teal-90'],
1184
1513
  },
1185
1514
  'vira-teal-on-self-header': {
1186
1515
  foreground: viraColorPalette['vira-teal-40'],
1187
- background: '#004442',
1516
+ background: viraColorPalette['vira-teal-90'],
1188
1517
  },
1189
1518
  'vira-teal-on-self-placeholder': {
1190
1519
  foreground: viraColorPalette['vira-teal-50'],
1191
- background: '#004442',
1520
+ background: viraColorPalette['vira-teal-90'],
1192
1521
  },
1193
1522
  'vira-teal-on-self-decoration': {
1194
1523
  foreground: viraColorPalette['vira-teal-70'],
1195
- background: '#004442',
1524
+ background: viraColorPalette['vira-teal-90'],
1196
1525
  },
1197
1526
  'vira-teal-on-self-invisible': {
1198
1527
  foreground: viraColorPalette['vira-teal-80'],
1199
- background: '#004442',
1528
+ background: viraColorPalette['vira-teal-90'],
1200
1529
  },
1201
1530
  'vira-blue-foreground-small-body': {
1202
1531
  foreground: viraColorPalette['vira-blue-5'],
@@ -1225,56 +1554,84 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
1225
1554
  foreground: viraColorPalette['vira-blue-90'],
1226
1555
  background: 'black',
1227
1556
  },
1228
- 'vira-blue-background-small-body': {
1557
+ 'vira-blue-behind-bg-small-body': {
1229
1558
  foreground: 'black',
1230
1559
  background: viraColorPalette['vira-blue-5'],
1231
1560
  },
1232
- 'vira-blue-background-body': {
1561
+ 'vira-blue-behind-bg-body': {
1233
1562
  foreground: 'black',
1234
1563
  background: viraColorPalette['vira-blue-20'],
1235
1564
  },
1236
- 'vira-blue-background-non-body': {
1565
+ 'vira-blue-behind-bg-non-body': {
1237
1566
  foreground: 'black',
1238
1567
  background: viraColorPalette['vira-blue-30'],
1239
1568
  },
1240
- 'vira-blue-background-header': {
1569
+ 'vira-blue-behind-bg-header': {
1241
1570
  foreground: 'black',
1242
1571
  background: viraColorPalette['vira-blue-50'],
1243
1572
  },
1244
- 'vira-blue-background-placeholder': {
1573
+ 'vira-blue-behind-bg-placeholder': {
1245
1574
  foreground: 'black',
1246
1575
  background: viraColorPalette['vira-blue-60'],
1247
1576
  },
1248
- 'vira-blue-background-decoration': {
1577
+ 'vira-blue-behind-bg-decoration': {
1249
1578
  foreground: 'black',
1250
1579
  background: viraColorPalette['vira-blue-80'],
1251
1580
  },
1252
- 'vira-blue-background-invisible': {
1581
+ 'vira-blue-behind-bg-invisible': {
1253
1582
  foreground: 'black',
1254
1583
  background: viraColorPalette['vira-blue-90'],
1255
1584
  },
1585
+ 'vira-blue-behind-fg-small-body': {
1586
+ foreground: 'white',
1587
+ background: viraColorPalette['vira-blue-90'],
1588
+ },
1589
+ 'vira-blue-behind-fg-body': {
1590
+ foreground: 'white',
1591
+ background: viraColorPalette['vira-blue-80'],
1592
+ },
1593
+ 'vira-blue-behind-fg-non-body': {
1594
+ foreground: 'white',
1595
+ background: viraColorPalette['vira-blue-60'],
1596
+ },
1597
+ 'vira-blue-behind-fg-header': {
1598
+ foreground: 'white',
1599
+ background: viraColorPalette['vira-blue-40'],
1600
+ },
1601
+ 'vira-blue-behind-fg-placeholder': {
1602
+ foreground: 'white',
1603
+ background: viraColorPalette['vira-blue-30'],
1604
+ },
1605
+ 'vira-blue-behind-fg-decoration': {
1606
+ foreground: 'white',
1607
+ background: viraColorPalette['vira-blue-20'],
1608
+ },
1609
+ 'vira-blue-behind-fg-invisible': {
1610
+ foreground: 'white',
1611
+ background: viraColorPalette['vira-blue-5'],
1612
+ },
1256
1613
  'vira-blue-on-self-body': {
1257
1614
  foreground: viraColorPalette['vira-blue-10'],
1258
- background: '#00358a',
1615
+ background: viraColorPalette['vira-blue-90'],
1259
1616
  },
1260
1617
  'vira-blue-on-self-non-body': {
1261
1618
  foreground: viraColorPalette['vira-blue-20'],
1262
- background: '#00358a',
1619
+ background: viraColorPalette['vira-blue-90'],
1263
1620
  },
1264
1621
  'vira-blue-on-self-header': {
1265
1622
  foreground: viraColorPalette['vira-blue-40'],
1266
- background: '#00358a',
1623
+ background: viraColorPalette['vira-blue-90'],
1267
1624
  },
1268
1625
  'vira-blue-on-self-placeholder': {
1269
- background: '#00358a',
1626
+ background: viraColorPalette['vira-blue-90'],
1270
1627
  },
1271
1628
  'vira-blue-on-self-decoration': {
1272
1629
  foreground: viraColorPalette['vira-blue-70'],
1273
- background: '#00358a',
1630
+ background: viraColorPalette['vira-blue-90'],
1274
1631
  },
1275
1632
  'vira-blue-on-self-invisible': {
1276
1633
  foreground: viraColorPalette['vira-blue-80'],
1277
- background: '#00358a',
1634
+ background: viraColorPalette['vira-blue-90'],
1278
1635
  },
1279
1636
  'vira-purple-foreground-small-body': {
1280
1637
  foreground: viraColorPalette['vira-purple-5'],
@@ -1303,57 +1660,85 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
1303
1660
  foreground: viraColorPalette['vira-purple-90'],
1304
1661
  background: 'black',
1305
1662
  },
1306
- 'vira-purple-background-small-body': {
1663
+ 'vira-purple-behind-bg-small-body': {
1307
1664
  foreground: 'black',
1308
1665
  background: viraColorPalette['vira-purple-5'],
1309
1666
  },
1310
- 'vira-purple-background-body': {
1667
+ 'vira-purple-behind-bg-body': {
1311
1668
  foreground: 'black',
1312
1669
  background: viraColorPalette['vira-purple-20'],
1313
1670
  },
1314
- 'vira-purple-background-non-body': {
1671
+ 'vira-purple-behind-bg-non-body': {
1315
1672
  foreground: 'black',
1316
1673
  background: viraColorPalette['vira-purple-30'],
1317
1674
  },
1318
- 'vira-purple-background-header': {
1675
+ 'vira-purple-behind-bg-header': {
1319
1676
  foreground: 'black',
1320
1677
  background: viraColorPalette['vira-purple-50'],
1321
1678
  },
1322
- 'vira-purple-background-placeholder': {
1679
+ 'vira-purple-behind-bg-placeholder': {
1323
1680
  foreground: 'black',
1324
1681
  background: viraColorPalette['vira-purple-60'],
1325
1682
  },
1326
- 'vira-purple-background-decoration': {
1683
+ 'vira-purple-behind-bg-decoration': {
1327
1684
  foreground: 'black',
1328
1685
  background: viraColorPalette['vira-purple-80'],
1329
1686
  },
1330
- 'vira-purple-background-invisible': {
1687
+ 'vira-purple-behind-bg-invisible': {
1331
1688
  foreground: 'black',
1332
1689
  background: viraColorPalette['vira-purple-90'],
1333
1690
  },
1691
+ 'vira-purple-behind-fg-small-body': {
1692
+ foreground: 'white',
1693
+ background: viraColorPalette['vira-purple-90'],
1694
+ },
1695
+ 'vira-purple-behind-fg-body': {
1696
+ foreground: 'white',
1697
+ background: viraColorPalette['vira-purple-80'],
1698
+ },
1699
+ 'vira-purple-behind-fg-non-body': {
1700
+ foreground: 'white',
1701
+ background: viraColorPalette['vira-purple-60'],
1702
+ },
1703
+ 'vira-purple-behind-fg-header': {
1704
+ foreground: 'white',
1705
+ background: viraColorPalette['vira-purple-40'],
1706
+ },
1707
+ 'vira-purple-behind-fg-placeholder': {
1708
+ foreground: 'white',
1709
+ background: viraColorPalette['vira-purple-30'],
1710
+ },
1711
+ 'vira-purple-behind-fg-decoration': {
1712
+ foreground: 'white',
1713
+ background: viraColorPalette['vira-purple-20'],
1714
+ },
1715
+ 'vira-purple-behind-fg-invisible': {
1716
+ foreground: 'white',
1717
+ background: viraColorPalette['vira-purple-5'],
1718
+ },
1334
1719
  'vira-purple-on-self-body': {
1335
1720
  foreground: viraColorPalette['vira-purple-10'],
1336
- background: '#500095',
1721
+ background: viraColorPalette['vira-purple-90'],
1337
1722
  },
1338
1723
  'vira-purple-on-self-non-body': {
1339
1724
  foreground: viraColorPalette['vira-purple-20'],
1340
- background: '#500095',
1725
+ background: viraColorPalette['vira-purple-90'],
1341
1726
  },
1342
1727
  'vira-purple-on-self-header': {
1343
1728
  foreground: viraColorPalette['vira-purple-40'],
1344
- background: '#500095',
1729
+ background: viraColorPalette['vira-purple-90'],
1345
1730
  },
1346
1731
  'vira-purple-on-self-placeholder': {
1347
1732
  foreground: viraColorPalette['vira-purple-50'],
1348
- background: '#500095',
1733
+ background: viraColorPalette['vira-purple-90'],
1349
1734
  },
1350
1735
  'vira-purple-on-self-decoration': {
1351
1736
  foreground: viraColorPalette['vira-purple-70'],
1352
- background: '#500095',
1737
+ background: viraColorPalette['vira-purple-90'],
1353
1738
  },
1354
1739
  'vira-purple-on-self-invisible': {
1355
1740
  foreground: viraColorPalette['vira-purple-80'],
1356
- background: '#500095',
1741
+ background: viraColorPalette['vira-purple-90'],
1357
1742
  },
1358
1743
  'vira-pink-foreground-small-body': {
1359
1744
  foreground: viraColorPalette['vira-pink-5'],
@@ -1382,56 +1767,84 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
1382
1767
  foreground: viraColorPalette['vira-pink-90'],
1383
1768
  background: 'black',
1384
1769
  },
1385
- 'vira-pink-background-small-body': {
1770
+ 'vira-pink-behind-bg-small-body': {
1386
1771
  foreground: 'black',
1387
1772
  background: viraColorPalette['vira-pink-5'],
1388
1773
  },
1389
- 'vira-pink-background-body': {
1774
+ 'vira-pink-behind-bg-body': {
1390
1775
  foreground: 'black',
1391
1776
  background: viraColorPalette['vira-pink-20'],
1392
1777
  },
1393
- 'vira-pink-background-non-body': {
1778
+ 'vira-pink-behind-bg-non-body': {
1394
1779
  foreground: 'black',
1395
1780
  background: viraColorPalette['vira-pink-30'],
1396
1781
  },
1397
- 'vira-pink-background-header': {
1782
+ 'vira-pink-behind-bg-header': {
1398
1783
  foreground: 'black',
1399
1784
  background: viraColorPalette['vira-pink-50'],
1400
1785
  },
1401
- 'vira-pink-background-placeholder': {
1786
+ 'vira-pink-behind-bg-placeholder': {
1402
1787
  foreground: 'black',
1403
1788
  background: viraColorPalette['vira-pink-60'],
1404
1789
  },
1405
- 'vira-pink-background-decoration': {
1790
+ 'vira-pink-behind-bg-decoration': {
1406
1791
  foreground: 'black',
1407
1792
  background: viraColorPalette['vira-pink-80'],
1408
1793
  },
1409
- 'vira-pink-background-invisible': {
1794
+ 'vira-pink-behind-bg-invisible': {
1410
1795
  foreground: 'black',
1411
1796
  background: viraColorPalette['vira-pink-90'],
1412
1797
  },
1798
+ 'vira-pink-behind-fg-small-body': {
1799
+ foreground: 'white',
1800
+ background: viraColorPalette['vira-pink-90'],
1801
+ },
1802
+ 'vira-pink-behind-fg-body': {
1803
+ foreground: 'white',
1804
+ background: viraColorPalette['vira-pink-80'],
1805
+ },
1806
+ 'vira-pink-behind-fg-non-body': {
1807
+ foreground: 'white',
1808
+ background: viraColorPalette['vira-pink-60'],
1809
+ },
1810
+ 'vira-pink-behind-fg-header': {
1811
+ foreground: 'white',
1812
+ background: viraColorPalette['vira-pink-40'],
1813
+ },
1814
+ 'vira-pink-behind-fg-placeholder': {
1815
+ foreground: 'white',
1816
+ background: viraColorPalette['vira-pink-30'],
1817
+ },
1818
+ 'vira-pink-behind-fg-decoration': {
1819
+ foreground: 'white',
1820
+ background: viraColorPalette['vira-pink-20'],
1821
+ },
1822
+ 'vira-pink-behind-fg-invisible': {
1823
+ foreground: 'white',
1824
+ background: viraColorPalette['vira-pink-5'],
1825
+ },
1413
1826
  'vira-pink-on-self-body': {
1414
1827
  foreground: viraColorPalette['vira-pink-10'],
1415
- background: '#6e004f',
1828
+ background: viraColorPalette['vira-pink-90'],
1416
1829
  },
1417
1830
  'vira-pink-on-self-non-body': {
1418
1831
  foreground: viraColorPalette['vira-pink-20'],
1419
- background: '#6e004f',
1832
+ background: viraColorPalette['vira-pink-90'],
1420
1833
  },
1421
1834
  'vira-pink-on-self-header': {
1422
1835
  foreground: viraColorPalette['vira-pink-40'],
1423
- background: '#6e004f',
1836
+ background: viraColorPalette['vira-pink-90'],
1424
1837
  },
1425
1838
  'vira-pink-on-self-placeholder': {
1426
- background: '#6e004f',
1839
+ background: viraColorPalette['vira-pink-90'],
1427
1840
  },
1428
1841
  'vira-pink-on-self-decoration': {
1429
1842
  foreground: viraColorPalette['vira-pink-70'],
1430
- background: '#6e004f',
1843
+ background: viraColorPalette['vira-pink-90'],
1431
1844
  },
1432
1845
  'vira-pink-on-self-invisible': {
1433
1846
  foreground: viraColorPalette['vira-pink-80'],
1434
- background: '#6e004f',
1847
+ background: viraColorPalette['vira-pink-90'],
1435
1848
  },
1436
1849
  'vira-grey-foreground-small-body': {
1437
1850
  foreground: viraColorPalette['vira-grey-5'],
@@ -1460,57 +1873,85 @@ export const viraThemeDarkOverride = defineColorThemeOverride(viraTheme, 'dark',
1460
1873
  foreground: viraColorPalette['vira-grey-90'],
1461
1874
  background: 'black',
1462
1875
  },
1463
- 'vira-grey-background-small-body': {
1876
+ 'vira-grey-behind-bg-small-body': {
1464
1877
  foreground: 'black',
1465
1878
  background: viraColorPalette['vira-grey-5'],
1466
1879
  },
1467
- 'vira-grey-background-body': {
1880
+ 'vira-grey-behind-bg-body': {
1468
1881
  foreground: 'black',
1469
1882
  background: viraColorPalette['vira-grey-20'],
1470
1883
  },
1471
- 'vira-grey-background-non-body': {
1884
+ 'vira-grey-behind-bg-non-body': {
1472
1885
  foreground: 'black',
1473
1886
  background: viraColorPalette['vira-grey-30'],
1474
1887
  },
1475
- 'vira-grey-background-header': {
1888
+ 'vira-grey-behind-bg-header': {
1476
1889
  foreground: 'black',
1477
1890
  background: viraColorPalette['vira-grey-50'],
1478
1891
  },
1479
- 'vira-grey-background-placeholder': {
1892
+ 'vira-grey-behind-bg-placeholder': {
1480
1893
  foreground: 'black',
1481
1894
  background: viraColorPalette['vira-grey-60'],
1482
1895
  },
1483
- 'vira-grey-background-decoration': {
1896
+ 'vira-grey-behind-bg-decoration': {
1484
1897
  foreground: 'black',
1485
1898
  background: viraColorPalette['vira-grey-80'],
1486
1899
  },
1487
- 'vira-grey-background-invisible': {
1900
+ 'vira-grey-behind-bg-invisible': {
1488
1901
  foreground: 'black',
1489
1902
  background: viraColorPalette['vira-grey-90'],
1490
1903
  },
1904
+ 'vira-grey-behind-fg-small-body': {
1905
+ foreground: 'white',
1906
+ background: viraColorPalette['vira-grey-90'],
1907
+ },
1908
+ 'vira-grey-behind-fg-body': {
1909
+ foreground: 'white',
1910
+ background: viraColorPalette['vira-grey-80'],
1911
+ },
1912
+ 'vira-grey-behind-fg-non-body': {
1913
+ foreground: 'white',
1914
+ background: viraColorPalette['vira-grey-60'],
1915
+ },
1916
+ 'vira-grey-behind-fg-header': {
1917
+ foreground: 'white',
1918
+ background: viraColorPalette['vira-grey-40'],
1919
+ },
1920
+ 'vira-grey-behind-fg-placeholder': {
1921
+ foreground: 'white',
1922
+ background: viraColorPalette['vira-grey-30'],
1923
+ },
1924
+ 'vira-grey-behind-fg-decoration': {
1925
+ foreground: 'white',
1926
+ background: viraColorPalette['vira-grey-20'],
1927
+ },
1928
+ 'vira-grey-behind-fg-invisible': {
1929
+ foreground: 'white',
1930
+ background: viraColorPalette['vira-grey-5'],
1931
+ },
1491
1932
  'vira-grey-on-self-body': {
1492
1933
  foreground: viraColorPalette['vira-grey-10'],
1493
- background: '#363f43',
1934
+ background: viraColorPalette['vira-grey-90'],
1494
1935
  },
1495
1936
  'vira-grey-on-self-non-body': {
1496
1937
  foreground: viraColorPalette['vira-grey-20'],
1497
- background: '#363f43',
1938
+ background: viraColorPalette['vira-grey-90'],
1498
1939
  },
1499
1940
  'vira-grey-on-self-header': {
1500
1941
  foreground: viraColorPalette['vira-grey-40'],
1501
- background: '#363f43',
1942
+ background: viraColorPalette['vira-grey-90'],
1502
1943
  },
1503
1944
  'vira-grey-on-self-placeholder': {
1504
1945
  foreground: viraColorPalette['vira-grey-50'],
1505
- background: '#363f43',
1946
+ background: viraColorPalette['vira-grey-90'],
1506
1947
  },
1507
1948
  'vira-grey-on-self-decoration': {
1508
1949
  foreground: viraColorPalette['vira-grey-70'],
1509
- background: '#363f43',
1950
+ background: viraColorPalette['vira-grey-90'],
1510
1951
  },
1511
1952
  'vira-grey-on-self-invisible': {
1512
1953
  foreground: viraColorPalette['vira-grey-80'],
1513
- background: '#363f43',
1954
+ background: viraColorPalette['vira-grey-90'],
1514
1955
  },
1515
1956
  },
1516
1957
  });