@infinite-table/infinite-react 6.2.4 → 6.2.6

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 (11) hide show
  1. package/index.css +192 -49
  2. package/index.dev.js +1 -1
  3. package/index.dev.mjs +1 -1
  4. package/index.js +1 -1
  5. package/index.mjs +1 -1
  6. package/package.json +2 -2
  7. package/theme/balsam.css +61 -65
  8. package/theme/default.css +192 -49
  9. package/theme/minimalist.css +49 -21
  10. package/theme/ocean.css +49 -21
  11. package/theme/shadcn.css +25 -17
package/theme/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
2
  :root {
3
3
  --infinite-loaded: true;
4
4
  --infinite-theme-name: default;
@@ -121,35 +121,163 @@
121
121
  --infinite-row-pointer-events-while-scrolling: auto;
122
122
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
123
123
  }
124
+ .infinite-theme-mode--light,
125
+ .infinite-theme-mode--light:root {
126
+ --infinite-loaded: true;
127
+ --infinite-theme-name: default;
128
+ --infinite-theme-mode: light;
129
+ --infinite-icon-size: 24px;
130
+ --infinite-space-0: 0rem;
131
+ --infinite-space-1: 0.125rem;
132
+ --infinite-space-2: 0.25rem;
133
+ --infinite-space-3: 0.5rem;
134
+ --infinite-space-4: 0.75rem;
135
+ --infinite-space-5: 1rem;
136
+ --infinite-space-6: 1.25rem;
137
+ --infinite-space-7: 1.5rem;
138
+ --infinite-space-8: 2.25rem;
139
+ --infinite-space-9: 3rem;
140
+ --infinite-space-10: 4rem;
141
+ --infinite-font-size-0: 0.5rem;
142
+ --infinite-font-size-1: 0.625rem;
143
+ --infinite-font-size-2: 0.75rem;
144
+ --infinite-font-size-3: 0.875rem;
145
+ --infinite-font-size-4: 1rem;
146
+ --infinite-font-size-5: 1.25rem;
147
+ --infinite-font-size-6: 1.5rem;
148
+ --infinite-font-size-7: 2.25rem;
149
+ --infinite-font-family: inherit;
150
+ --infinite-color: #484848;
151
+ --infinite-accent-color: #0284c7;
152
+ --infinite-success-color: #7aff7a;
153
+ --infinite-error-color: #ff0000;
154
+ --infinite-border-radius: var(--infinite-space-2);
155
+ --infinite-background: white;
156
+ --infinite-min-height: 100px;
157
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
158
+ --infinite-menu-background: var(--infinite-background);
159
+ --infinite-menu-color: var(--infinite-cell-color);
160
+ --infinite-menu-separator-color: currentColor;
161
+ --infinite-menu-padding: var(--infinite-space-3);
162
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
163
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
164
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
165
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
166
+ --infinite-menu-item-disabled-opacity: 0.5;
167
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
168
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
169
+ --infinite-menu-item-active-opacity: 0.9;
170
+ --infinite-menu-item-pressed-opacity: 1;
171
+ --infinite-menu-border-radius: var(--infinite-space-2);
172
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
173
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
174
+ --infinite-rowdetail-padding: var(--infinite-space-2);
175
+ --infinite-rowdetail-grid-height: 100%;
176
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
177
+ --infinite-load-mask-overlay-background: gray;
178
+ --infinite-load-mask-overlay-opacity: 0.3;
179
+ --infinite-load-mask-color: inherit;
180
+ --infinite-load-mask-padding: var(--infinite-space-5);
181
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
182
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
183
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
184
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
185
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
186
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
187
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
188
+ --infinite-resize-handle-active-area-width: 16px;
189
+ --infinite-resize-handle-width: 2px;
190
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
191
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
192
+ --infinite-header-cell-background: #ededed;
193
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
194
+ --infinite-filter-editor-background: var(--infinite-row-background);
195
+ --infinite-filter-editor-border: var(--infinite-cell-border);
196
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
197
+ --infinite-header-cell-border: var(--infinite-cell-border);
198
+ --infinite-filter-editor-color: currentColor;
199
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
200
+ --infinite-header-cell-hover-background: #dfdfdf;
201
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
202
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
203
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
204
+ --infinite-header-cell-icon-size: 16px;
205
+ --infinite-header-cell-menu-icon-line-width: 1px;
206
+ --infinite-header-cell-sort-icon-margin: 16px;
207
+ --infinite-header-background: var(--infinite-header-cell-background);
208
+ --infinite-header-color: #6f6f6f;
209
+ --infinite-column-header-height: 30px;
210
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
211
+ --infinite-cell-color: currentColor;
212
+ --infinite-cell-border-width: 1px;
213
+ --infinite-flashing-overlay-z-index: -1;
214
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
215
+ --infinite-flashing-background: var(--infinite-accent-color);
216
+ --infinite-flashing-up-background: var(--infinite-success-color);
217
+ --infinite-flashing-down-background: var(--infinite-error-color);
218
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
219
+ --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
220
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
221
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
222
+ --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
223
+ --infinite-cell-border-invisible: none;
224
+ --infinite-cell-border-radius: var(--infinite-space-2);
225
+ --infinite-column-reorder-effect-duration: .2s;
226
+ --infinite-selected-cell-border-style: solid;
227
+ --infinite-active-cell-border-style: dashed;
228
+ --infinite-active-cell-border-width: 1px;
229
+ --infinite-active-cell-background-alpha: 0.25;
230
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
231
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
232
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
233
+ --infinite-row-background: var(--infinite-background);
234
+ --infinite-row-odd-background: #f6f6f6;
235
+ --infinite-row-disabled-opacity: 0.5;
236
+ --infinite-row-disabled-background: #eeeeee;
237
+ --infinite-row-odd-disabled-background: #f9f9f9;
238
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
239
+ --infinite-row-selected-background: #d1e9ff;
240
+ --infinite-row-selected-hover-background: #add8ff;
241
+ --infinite-group-row-background: #cbc5c5;
242
+ --infinite-group-row-column-nesting: 24px;
243
+ --infinite-row-hover-background: #dbdbdb;
244
+ --infinite-row-pointer-events-while-scrolling: auto;
245
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
246
+ }
124
247
  .infinite-theme-mode--dark,
125
248
  .infinite-theme-mode--dark:root {
249
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
250
+ --infinite-header-cell-border: var(--infinite-cell-border);
251
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
252
+ --infinite-header-color: #c3c3c3;
253
+ --infinite-header-background: var(--infinite-header-cell-background);
254
+ --infinite-cell-color: #c3c3c3;
255
+ --infinite-flashing-background: var(--infinite-accent-color);
256
+ --infinite-flashing-up-background: var(--infinite-success-color);
257
+ --infinite-flashing-down-background: var(--infinite-error-color);
258
+ --infinite-menu-color: var(--infinite-cell-color);
259
+ --infinite-menu-background: var(--infinite-background);
260
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
261
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
262
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
263
+ --infinite-load-mask-text-background: var(--infinite-background);
264
+ --infinite-load-mask-color: var(--infinite-cell-color);
265
+ --infinite-row-background: var(--infinite-background);
126
266
  --infinite-theme-mode: dark;
127
267
  --infinite-icon-size: 24px;
128
268
  --infinite-background: #101419;
129
269
  --infinite-success-color: #008700;
130
270
  --infinite-cell-border: 1px solid #2a323d;
131
- --infinite-header-color: #c3c3c3;
132
- --infinite-load-mask-text-background: var(--infinite-background);
133
- --infinite-load-mask-color: var(--infinite-cell-color);
134
271
  --infinite-header-cell-background: #1b2129;
135
272
  --infinite-header-cell-hover-background: #222932;
136
- --infinite-header-background: var(--infinite-header-cell-background);
137
273
  --infinite-row-hover-background: #3b4754;
138
274
  --infinite-row-selected-background: #0a2e4f;
139
275
  --infinite-row-selected-hover-background: #0b243a;
140
- --infinite-row-background: var(--infinite-background);
141
276
  --infinite-row-odd-background: #242a31;
142
277
  --infinite-row-disabled-background: #292a2c;
143
278
  --infinite-row-odd-disabled-background: #2d2e30;
144
- --infinite-cell-color: #c3c3c3;
145
279
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
146
280
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
147
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
148
- --infinite-menu-background: #101419;
149
- --infinite-menu-color: #c3c3c3;
150
- --infinite-menu-item-disabled-background: #101419;
151
- --infinite-menu-item-active-background: #3b4754;
152
- --infinite-menu-item-pressed-background: #3b4754;
153
281
  }
154
282
  .infinite-theme-name--default:root,
155
283
  .infinite-theme-name--default {
@@ -403,92 +531,107 @@
403
531
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
404
532
  .infinite-theme-mode--dark .infinite-theme-name--default,
405
533
  .infinite-theme-name--default .infinite-theme-mode--dark {
534
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
535
+ --infinite-header-cell-border: var(--infinite-cell-border);
536
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
537
+ --infinite-header-color: #c3c3c3;
538
+ --infinite-header-background: var(--infinite-header-cell-background);
539
+ --infinite-cell-color: #c3c3c3;
540
+ --infinite-flashing-background: var(--infinite-accent-color);
541
+ --infinite-flashing-up-background: var(--infinite-success-color);
542
+ --infinite-flashing-down-background: var(--infinite-error-color);
543
+ --infinite-menu-color: var(--infinite-cell-color);
544
+ --infinite-menu-background: var(--infinite-background);
545
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
546
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
547
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
548
+ --infinite-load-mask-text-background: var(--infinite-background);
549
+ --infinite-load-mask-color: var(--infinite-cell-color);
550
+ --infinite-row-background: var(--infinite-background);
406
551
  --infinite-theme-mode: dark;
407
552
  --infinite-icon-size: 24px;
408
553
  --infinite-background: #101419;
409
554
  --infinite-success-color: #008700;
410
555
  --infinite-cell-border: 1px solid #2a323d;
411
- --infinite-header-color: #c3c3c3;
412
- --infinite-load-mask-text-background: var(--infinite-background);
413
- --infinite-load-mask-color: var(--infinite-cell-color);
414
556
  --infinite-header-cell-background: #1b2129;
415
557
  --infinite-header-cell-hover-background: #222932;
416
- --infinite-header-background: var(--infinite-header-cell-background);
417
558
  --infinite-row-hover-background: #3b4754;
418
559
  --infinite-row-selected-background: #0a2e4f;
419
560
  --infinite-row-selected-hover-background: #0b243a;
420
- --infinite-row-background: var(--infinite-background);
421
561
  --infinite-row-odd-background: #242a31;
422
562
  --infinite-row-disabled-background: #292a2c;
423
563
  --infinite-row-odd-disabled-background: #2d2e30;
424
- --infinite-cell-color: #c3c3c3;
425
564
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
426
565
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
427
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
428
- --infinite-menu-background: #101419;
429
- --infinite-menu-color: #c3c3c3;
430
- --infinite-menu-item-disabled-background: #101419;
431
- --infinite-menu-item-active-background: #3b4754;
432
- --infinite-menu-item-pressed-background: #3b4754;
433
566
  }
434
567
  @media (prefers-color-scheme: dark) {
435
568
  :root {
569
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
570
+ --infinite-header-cell-border: var(--infinite-cell-border);
571
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
572
+ --infinite-header-color: #c3c3c3;
573
+ --infinite-header-background: var(--infinite-header-cell-background);
574
+ --infinite-cell-color: #c3c3c3;
575
+ --infinite-flashing-background: var(--infinite-accent-color);
576
+ --infinite-flashing-up-background: var(--infinite-success-color);
577
+ --infinite-flashing-down-background: var(--infinite-error-color);
578
+ --infinite-menu-color: var(--infinite-cell-color);
579
+ --infinite-menu-background: var(--infinite-background);
580
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
581
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
582
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
583
+ --infinite-load-mask-text-background: var(--infinite-background);
584
+ --infinite-load-mask-color: var(--infinite-cell-color);
585
+ --infinite-row-background: var(--infinite-background);
436
586
  --infinite-theme-mode: dark;
437
587
  --infinite-icon-size: 24px;
438
588
  --infinite-background: #101419;
439
589
  --infinite-success-color: #008700;
440
590
  --infinite-cell-border: 1px solid #2a323d;
441
- --infinite-header-color: #c3c3c3;
442
- --infinite-load-mask-text-background: var(--infinite-background);
443
- --infinite-load-mask-color: var(--infinite-cell-color);
444
591
  --infinite-header-cell-background: #1b2129;
445
592
  --infinite-header-cell-hover-background: #222932;
446
- --infinite-header-background: var(--infinite-header-cell-background);
447
593
  --infinite-row-hover-background: #3b4754;
448
594
  --infinite-row-selected-background: #0a2e4f;
449
595
  --infinite-row-selected-hover-background: #0b243a;
450
- --infinite-row-background: var(--infinite-background);
451
596
  --infinite-row-odd-background: #242a31;
452
597
  --infinite-row-disabled-background: #292a2c;
453
598
  --infinite-row-odd-disabled-background: #2d2e30;
454
- --infinite-cell-color: #c3c3c3;
455
599
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
456
600
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
457
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
458
- --infinite-menu-background: #101419;
459
- --infinite-menu-color: #c3c3c3;
460
- --infinite-menu-item-disabled-background: #101419;
461
- --infinite-menu-item-active-background: #3b4754;
462
- --infinite-menu-item-pressed-background: #3b4754;
463
601
  }
464
602
  .infinite-theme-name--default:root,
465
603
  .infinite-theme-name--default {
604
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
605
+ --infinite-header-cell-border: var(--infinite-cell-border);
606
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
607
+ --infinite-header-color: #c3c3c3;
608
+ --infinite-header-background: var(--infinite-header-cell-background);
609
+ --infinite-cell-color: #c3c3c3;
610
+ --infinite-flashing-background: var(--infinite-accent-color);
611
+ --infinite-flashing-up-background: var(--infinite-success-color);
612
+ --infinite-flashing-down-background: var(--infinite-error-color);
613
+ --infinite-menu-color: var(--infinite-cell-color);
614
+ --infinite-menu-background: var(--infinite-background);
615
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
616
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
617
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
618
+ --infinite-load-mask-text-background: var(--infinite-background);
619
+ --infinite-load-mask-color: var(--infinite-cell-color);
620
+ --infinite-row-background: var(--infinite-background);
466
621
  --infinite-theme-mode: dark;
467
622
  --infinite-icon-size: 24px;
468
623
  --infinite-background: #101419;
469
624
  --infinite-success-color: #008700;
470
625
  --infinite-cell-border: 1px solid #2a323d;
471
- --infinite-header-color: #c3c3c3;
472
- --infinite-load-mask-text-background: var(--infinite-background);
473
- --infinite-load-mask-color: var(--infinite-cell-color);
474
626
  --infinite-header-cell-background: #1b2129;
475
627
  --infinite-header-cell-hover-background: #222932;
476
- --infinite-header-background: var(--infinite-header-cell-background);
477
628
  --infinite-row-hover-background: #3b4754;
478
629
  --infinite-row-selected-background: #0a2e4f;
479
630
  --infinite-row-selected-hover-background: #0b243a;
480
- --infinite-row-background: var(--infinite-background);
481
631
  --infinite-row-odd-background: #242a31;
482
632
  --infinite-row-disabled-background: #292a2c;
483
633
  --infinite-row-odd-disabled-background: #2d2e30;
484
- --infinite-cell-color: #c3c3c3;
485
634
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
486
635
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
487
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
488
- --infinite-menu-background: #101419;
489
- --infinite-menu-color: #c3c3c3;
490
- --infinite-menu-item-disabled-background: #101419;
491
- --infinite-menu-item-active-background: #3b4754;
492
- --infinite-menu-item-pressed-background: #3b4754;
493
636
  }
494
637
  }
package/theme/minimalist.css CHANGED
@@ -1,22 +1,29 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y32rbMBTG7/MUgsBoYQpJttGh3gzWle0xFOk4FpUlIcl1YPTdhxWTP44jy006WvBFbny+8+n45Oh3wDOhMqGEB+xzKAArWgDGhVCioFI4T6zW/jOa9cjQ3wlCGO9UOVAOFjMttSXomdqbg2B4ent/nMFAyiH65oQVZU9rq0vFCVJaQUuVSepyodZHupY9ZQyU7z5ll1+amIUrGQPnejy4rlTMBazVtttj33WC9l3vFBWaA0FSrPN2/PDoKhe+3aym+9Plw5e7r99bQaurIwNvqXKGWlDtY2ql5jxRXYAqY03Zh9o9CZkODLXU692sTX89PC4f77qnJQzZSlsOtnNcTmXY1o3sFB+qvDYELcwGOS0FP1PEkS3lonQEzWMVxGf70E5C1l9k2qtUgvucoLnZtESUefHcaIXigoW2C+XAE7Q0m/D+za9O/YRmf5rc3+GtfoKUARQIedh4HIYi07YgqDQGLKMuFIZQppXHFWzrXWnJt48leA8WO0OZUGuC5rP5Nyjq2MvkZdJmVH0RMA4XYUCoTba++CkbD8x7uRnNvq7xCbIj9pdlx+oe98S4J8Y9Me6Jd7cnOLVP6ZFrbYna++1YHtxH4r4v4tZ/SgS40wVdZMvVGeR28uLDILdzYfxv5HYWMSL3TZH7owAuKLoxFjKwzW3EjtXXYnsjbsPpfZwb8jXiNdQbzr1U8l3OvuvQ7zr8SyRgLwNTKNjDwSEkHMrCS2g4jIfJRBzIxFdQMY2Lg8iYyMZUOiby8SJCxhnZS8mznIyRsmZl4OU/2zxnypUVAAA= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YwYrbMBCG73kKQaDsQhWStGUX91LodmkfQ7HGsYgsCUlOAmXfvVgxidexJTnx0osPgWDN/DOyRvMNXjCRMcEsYJtDAViQAjAumGAF4czYREtpP6NFwAz9nSGE8dkqB0JB4xQ4xxupq/+abXObICEFfA8Zd5pljFvQGCizUuMNSXdbLUtBE7Qn+qFhqOUBS0obJo89ESWX+srdPe3xaEbtSNFtYYBqxonJmdj6dkPSFIQN+JfKJ2HKNAVjAhpUHoRPBbSWulujAFH27fv8SjqdPPH6j895MgsFpsyQDQfq02nF6RcjqWV7CFVWLvfvCqFfT2kwxp9bjCCXhOKCmB22cLS3vbGLxtBTqjJshrSaCKOIBmFblpfOkKBLZ+g0KiSFBPGqI7TWm6EOObNXN+yU/nz98uXp63NHru8vvi9fd1AGFNHEynMzmP96eV2/PnVd7LqRWakStFJHZCRnNMJBE8pKk6Clr+9FNJZajkPW3Ufjum3T6sCozRO0VMeWUX0VnC0TlKXuFTFhwCZorY5u//Wvcv2EFn9q399uVz+BcwcFhFzVumPIpC4SVCoFOiXGJYZQJoXFBzjlu5Gcnh5zsFW3N4qkTGwTtFwsv0FRrb3N3mZtHlUFhbErqAFLbYqF1q852BAPMtLrPa7wFZ498vd5+/KeZoJpJphmgmkmmGaCaSb4bzMBJXoXvzLWRFBpfxy3nfpE14muE10nug6ha9U4PHCdr8gqW2968NrJtFHw2gluH16DDhNeR8frjwIoI+hBachA160Nm7Qqr1NlPbroIaYN+aI8kHDRjBuVcrdwLpZ0w1l3P+3G4d04xLuRefdQb2TujU++D2DfOPS7h39DCBjJwCAFYzgYIOFQFg6j4Q08jCPiICZGUjGWi5FkvIuNfjoG+dhLSB8jK0o6Uv4D/JKp81MdAAA= */
2
2
  .infinite-theme-name--minimalist:root,
3
3
  .infinite-theme-name--minimalist {
4
+ --infinite-header-cell-border-right: none;
5
+ --infinite-header-cell-border: none;
6
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
4
7
  --infinite-header-color: var(--infinite-color);
5
- --infinite-cell-color: var(--infinite-color);
6
8
  --infinite-header-background: none;
9
+ --infinite-cell-color: var(--infinite-color);
7
10
  --infinite-flashing-background: var(--infinite-accent-color);
8
11
  --infinite-flashing-up-background: var(--infinite-success-color);
9
12
  --infinite-flashing-down-background: var(--infinite-error-color);
13
+ --infinite-menu-color: var(--infinite-cell-color);
14
+ --infinite-menu-background: var(--infinite-background);
15
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
18
+ --infinite-load-mask-text-background: var(--infinite-background);
19
+ --infinite-load-mask-color: var(--infinite-cell-color);
20
+ --infinite-row-background: transparent;
10
21
  --infinite-theme-name: minimalist;
11
22
  --infinite-theme-mode: light;
12
23
  --infinite-background: white;
13
24
  --infinite-color: #2D3748;
14
- --infinite-row-background: transparent;
15
25
  --infinite-row-odd-background: transparent;
16
- --infinite-menu-background: var(--infinite-background);
17
26
  --infinite-menu-separator-color: #EDF2F7;
18
- --infinite-header-cell-border: none;
19
- --infinite-header-cell-border-right: none;
20
27
  --infinite-cell-border-top: 1px solid #EDF2F7;
21
28
  --infinite-cell-border-radius: 0;
22
29
  --infinite-header-cell-background: none;
@@ -35,22 +42,29 @@
35
42
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
36
43
  .infinite-theme-name--minimalist .infinite-theme-mode--light,
37
44
  .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
45
+ --infinite-header-cell-border-right: none;
46
+ --infinite-header-cell-border: none;
47
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
38
48
  --infinite-header-color: var(--infinite-color);
39
- --infinite-cell-color: var(--infinite-color);
40
49
  --infinite-header-background: none;
50
+ --infinite-cell-color: var(--infinite-color);
41
51
  --infinite-flashing-background: var(--infinite-accent-color);
42
52
  --infinite-flashing-up-background: var(--infinite-success-color);
43
53
  --infinite-flashing-down-background: var(--infinite-error-color);
54
+ --infinite-menu-color: var(--infinite-cell-color);
55
+ --infinite-menu-background: var(--infinite-background);
56
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
57
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
58
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
59
+ --infinite-load-mask-text-background: var(--infinite-background);
60
+ --infinite-load-mask-color: var(--infinite-cell-color);
61
+ --infinite-row-background: transparent;
44
62
  --infinite-theme-name: minimalist;
45
63
  --infinite-theme-mode: light;
46
64
  --infinite-background: white;
47
65
  --infinite-color: #2D3748;
48
- --infinite-row-background: transparent;
49
66
  --infinite-row-odd-background: transparent;
50
- --infinite-menu-background: var(--infinite-background);
51
67
  --infinite-menu-separator-color: #EDF2F7;
52
- --infinite-header-cell-border: none;
53
- --infinite-header-cell-border-right: none;
54
68
  --infinite-cell-border-top: 1px solid #EDF2F7;
55
69
  --infinite-cell-border-radius: 0;
56
70
  --infinite-header-cell-background: none;
@@ -67,22 +81,29 @@
67
81
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
68
82
  .infinite-theme-mode--dark .infinite-theme-name--minimalist,
69
83
  .infinite-theme-name--minimalist .infinite-theme-mode--dark {
84
+ --infinite-header-cell-border-right: none;
85
+ --infinite-header-cell-border: none;
86
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
70
87
  --infinite-header-color: var(--infinite-color);
71
- --infinite-cell-color: var(--infinite-color);
72
88
  --infinite-header-background: none;
89
+ --infinite-cell-color: var(--infinite-color);
73
90
  --infinite-flashing-background: var(--infinite-accent-color);
74
91
  --infinite-flashing-up-background: var(--infinite-success-color);
75
92
  --infinite-flashing-down-background: var(--infinite-error-color);
93
+ --infinite-menu-color: var(--infinite-cell-color);
94
+ --infinite-menu-background: var(--infinite-background);
95
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
96
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
97
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
98
+ --infinite-load-mask-text-background: var(--infinite-background);
99
+ --infinite-load-mask-color: var(--infinite-cell-color);
100
+ --infinite-row-background: transparent;
76
101
  --infinite-theme-name: minimalist;
77
102
  --infinite-theme-mode: dark;
78
103
  --infinite-background: #1a1f2b;
79
104
  --infinite-color: #EDF2F7;
80
- --infinite-row-background: transparent;
81
105
  --infinite-row-odd-background: transparent;
82
- --infinite-menu-background: var(--infinite-background);
83
106
  --infinite-menu-separator-color: #2D3748;
84
- --infinite-header-cell-border: none;
85
- --infinite-header-cell-border-right: none;
86
107
  --infinite-cell-border-top: 1px solid #2D3748;
87
108
  --infinite-cell-border-radius: 0;
88
109
  --infinite-header-cell-background: none;
@@ -99,22 +120,29 @@
99
120
  @media (prefers-color-scheme: dark) {
100
121
  .infinite-theme-name--minimalist:root,
101
122
  .infinite-theme-name--minimalist {
123
+ --infinite-header-cell-border-right: none;
124
+ --infinite-header-cell-border: none;
125
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
102
126
  --infinite-header-color: var(--infinite-color);
103
- --infinite-cell-color: var(--infinite-color);
104
127
  --infinite-header-background: none;
128
+ --infinite-cell-color: var(--infinite-color);
105
129
  --infinite-flashing-background: var(--infinite-accent-color);
106
130
  --infinite-flashing-up-background: var(--infinite-success-color);
107
131
  --infinite-flashing-down-background: var(--infinite-error-color);
132
+ --infinite-menu-color: var(--infinite-cell-color);
133
+ --infinite-menu-background: var(--infinite-background);
134
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
135
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
136
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
137
+ --infinite-load-mask-text-background: var(--infinite-background);
138
+ --infinite-load-mask-color: var(--infinite-cell-color);
139
+ --infinite-row-background: transparent;
108
140
  --infinite-theme-name: minimalist;
109
141
  --infinite-theme-mode: dark;
110
142
  --infinite-background: #1a1f2b;
111
143
  --infinite-color: #EDF2F7;
112
- --infinite-row-background: transparent;
113
144
  --infinite-row-odd-background: transparent;
114
- --infinite-menu-background: var(--infinite-background);
115
145
  --infinite-menu-separator-color: #2D3748;
116
- --infinite-header-cell-border: none;
117
- --infinite-header-cell-border-right: none;
118
146
  --infinite-cell-border-top: 1px solid #2D3748;
119
147
  --infinite-cell-border-radius: 0;
120
148
  --infinite-header-cell-background: none;
package/theme/ocean.css CHANGED
@@ -1,12 +1,23 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YzW7bMAzH730KAsGAFoiKOHHczLvsVRSJjoXakiEpTYCh7z7Y8zp/RXZit0UxH3opyb9oktKPyKOQkZDCIrExpkgkTZEQxZDKUCtll/B42QN+3QEQ8uYQI+WoCVOJ0iG8UH1fMRb/ffhRj2CYJNf4lyfsKXs+aHWUvBX2N4dcOFYvNeemWpRQEwt5cOlRxlDa7mze4o+ZS8IcGUNjejS4OkmXCmqtdLfGv8aEUDSm054qjiEk4hDbhr36jSEsdvsti4KGTzWzBfdwF7FmL8vwlb/ebHjDWKtBCIvAZxj4DafKJ4awiFiwDbbdA1C0t5bSE+ebVkquYQhhsdntebTrGsm90nmgVVkIXnYGoxLBociMpOJ8LyQYfdgvwWoqTUY1SrvsnmDwVt8ujHH1KJ33Zfxhfvuw6ikJRjYEqSQ6nMpUerxOgts4hFV2bk2TFS+lr5BcMGqVJkIatCGss3PxjeVfI1Srk+sKXL7JeaDivBbcUcCGXv24hyWcYmER1u0a5p7tAXI8Pe5UDSbILPKpHrKaZjvPYZXoSMpVkhTlkRjMqC76W97aya5IIT+62IWKsJiSTKMx7orXZF7vmuDL309CivfzClMFlw5TG7MVSReCnYGTaVaZ7xC9OdCV6LxjzDvGvGPMO8a8Y8w7xn+yY3Cqn4dbxm0YueLUy0ChOXP7y3E779tYbK82a+ZHF7D9PaArSnuw7T0FvvfkxPYWPd9rkv0itjuXhR5sr9ZetGkuBhNi+222Z3Z/PXbP6O6tyDTkdt+Sz8f3zxS5oHCfaYxQl08YMSx/U/88pw8FBx0IHfgr+y0svZ6mU/N0PFGnYeo0VO3nai9Zh7F1CF17+DqQsIMYey1lb+PsB5L2g1k7kLZDeTuQuKOYO4K6787dScn7Puz9FPp+DH+nIvBEDAZ4vXv9DSgJJZDFHgAA */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3ZzWrjMBAA4HueQhAWWohKnDhu1nvZV1GkcSxqS0ZSmsCSd1/sDY3jH9mJ1S4FHQoFjUZjWRp/kBcuEi64AWxSyAELkgPGkgIRsZLSLNBLfwT6M0MI44+AFAgDhSlkGd5JVf6v+D41MQqKE9Iy4wxRmUmFc3564gJptd8tkFFE6IIoEGaB3ol6qqWswp9RuPzx/Gtosbg1+TrWnJ3wzIDCwLiRCu8IfdsreRCslUPJI5aM1UL6CikrbZdQ1d89w7Jq/eFS+X4T3MxWBd2xepIRnXKxt61PKAVhBuYfClsKfaAUtB7IweRR2LKAUlJ158hBHPqe+2NLOieN3Pj+La+ycAM5ZlyTXQbMlrOxZn8yQg1/h6HTOHQervkKBVrba+tPk0nCcE70GzZwMlNz3Pueygd9aMlrk4pR1aQ6x3PJIEZZ2Zwa4/WTH6P5drehSdSIqRc2ZwFsE9q8k5fpy3C1XrPG4M3NiNE8CilEYSOodvBjNE9otIk2tg5YL+mVsXWrJFtLidF8vd2xZNvVWi6d3Mhieh8P2n28vkYGiYmRkAIsQZdPykDUkTOTxmhZnFovuLpkVSwXjFNSfgG40GBitCpO1TNe/joO5e23IO7ah447WzuvC3RMuQG0am9F1+1+sEOVqTRkQI39/t/zobnJ2a5z3E50FGXbkqqZaSiIql7T5T5MOXznWVM0ZTPAuGoGdwzVHGQZavupltJmK+tEZznrmLMkfXiirVCPR49Hj0ePR49Hj0ePR4/H74xHRtTb+JFpdCwzulZeldODzIPMg8yD7JuCrOxhUz22XK9omPR47GdEloQMeCx4jcLg1eqxDQRh0CRbr8c6FTjgseUqSNZN8Tn02PVFe5TVBOJNNrgjbkjWOn/n2e8cGCfoqVCQgLrcR6xp2SD+9YbnCjgWG438wfOLkTSVSU6h9AiVXGPpfi5NB5MbMrlB04NscgUnx3RyjydnfHIDqCmEmoCoYUYNQmocpcZgaoBTI0E1ilT3ouoxVn0hrEbSaiyuRvJqErA+nVhOkfU5zPov0PoKaiF0np3/AsUNcXQ3JgAA */
2
2
  .infinite-theme-name--ocean:root,
3
3
  .infinite-theme-name--ocean {
4
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
5
+ --infinite-header-cell-border: var(--infinite-cell-border);
6
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
4
7
  --infinite-header-color: var(--infinite-color);
5
- --infinite-cell-color: var(--infinite-color);
6
8
  --infinite-header-background: var(--infinite-header-cell-hover-background);
9
+ --infinite-cell-color: var(--infinite-color);
7
10
  --infinite-flashing-background: var(--infinite-accent-color);
8
11
  --infinite-flashing-up-background: var(--infinite-success-color);
9
12
  --infinite-flashing-down-background: var(--infinite-error-color);
13
+ --infinite-menu-color: var(--infinite-cell-color);
14
+ --infinite-menu-background: var(--infinite-header-cell-background);
15
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: var(--infinite-background);
18
+ --infinite-load-mask-text-background: var(--infinite-background);
19
+ --infinite-load-mask-color: var(--infinite-cell-color);
20
+ --infinite-row-background: var(--infinite-background);
10
21
  --infinite-theme-name: ocean;
11
22
  --infinite-theme-mode: light;
12
23
  --infinite-accent-color: #8b5cf6;
@@ -17,31 +28,38 @@
17
28
  --infinite-header-cell-background: #7dd3fc;
18
29
  --infinite-header-cell-hover-background: #38bdf8;
19
30
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
20
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
21
31
  --infinite-cell-border-left: none;
22
32
  --infinite-cell-border-right: none;
23
33
  --infinite-cell-border-width: 0px;
24
34
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
25
- --infinite-row-background: var(--infinite-background);
26
35
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
27
36
  --infinite-row-hover-background: var(--infinite-header-cell-background);
28
37
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
29
38
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
30
39
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
31
- --infinite-menu-background: var(--infinite-header-cell-background);
32
- --infinite-menu-item-pressed-background: var(--infinite-background);
33
40
  }
34
41
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
35
42
  .infinite-theme-mode--light .infinite-theme-name--ocean,
36
43
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
37
44
  .infinite-theme-name--ocean .infinite-theme-mode--light,
38
45
  .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
46
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
47
+ --infinite-header-cell-border: var(--infinite-cell-border);
48
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
39
49
  --infinite-header-color: var(--infinite-color);
40
- --infinite-cell-color: var(--infinite-color);
41
50
  --infinite-header-background: var(--infinite-header-cell-hover-background);
51
+ --infinite-cell-color: var(--infinite-color);
42
52
  --infinite-flashing-background: var(--infinite-accent-color);
43
53
  --infinite-flashing-up-background: var(--infinite-success-color);
44
54
  --infinite-flashing-down-background: var(--infinite-error-color);
55
+ --infinite-menu-color: var(--infinite-cell-color);
56
+ --infinite-menu-background: var(--infinite-header-cell-background);
57
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
58
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
59
+ --infinite-menu-item-pressed-background: var(--infinite-background);
60
+ --infinite-load-mask-text-background: var(--infinite-background);
61
+ --infinite-load-mask-color: var(--infinite-cell-color);
62
+ --infinite-row-background: var(--infinite-background);
45
63
  --infinite-theme-name: ocean;
46
64
  --infinite-theme-mode: light;
47
65
  --infinite-accent-color: #8b5cf6;
@@ -52,29 +70,36 @@
52
70
  --infinite-header-cell-background: #7dd3fc;
53
71
  --infinite-header-cell-hover-background: #38bdf8;
54
72
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
55
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
56
73
  --infinite-cell-border-left: none;
57
74
  --infinite-cell-border-right: none;
58
75
  --infinite-cell-border-width: 0px;
59
76
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
60
- --infinite-row-background: var(--infinite-background);
61
77
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
62
78
  --infinite-row-hover-background: var(--infinite-header-cell-background);
63
79
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
64
80
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
65
81
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
66
- --infinite-menu-background: var(--infinite-header-cell-background);
67
- --infinite-menu-item-pressed-background: var(--infinite-background);
68
82
  }
69
83
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
70
84
  .infinite-theme-mode--dark .infinite-theme-name--ocean,
71
85
  .infinite-theme-name--ocean .infinite-theme-mode--dark {
86
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
87
+ --infinite-header-cell-border: var(--infinite-cell-border);
88
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
72
89
  --infinite-header-color: var(--infinite-color);
73
- --infinite-cell-color: var(--infinite-color);
74
90
  --infinite-header-background: var(--infinite-header-cell-hover-background);
91
+ --infinite-cell-color: var(--infinite-color);
75
92
  --infinite-flashing-background: var(--infinite-accent-color);
76
93
  --infinite-flashing-up-background: var(--infinite-success-color);
77
94
  --infinite-flashing-down-background: var(--infinite-error-color);
95
+ --infinite-menu-color: var(--infinite-cell-color);
96
+ --infinite-menu-background: var(--infinite-header-cell-background);
97
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
98
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
99
+ --infinite-menu-item-pressed-background: var(--infinite-background);
100
+ --infinite-load-mask-text-background: var(--infinite-background);
101
+ --infinite-load-mask-color: var(--infinite-cell-color);
102
+ --infinite-row-background: var(--infinite-background);
78
103
  --infinite-theme-name: ocean;
79
104
  --infinite-theme-mode: dark;
80
105
  --infinite-accent-color: #8b5cf6;
@@ -85,29 +110,36 @@
85
110
  --infinite-header-cell-background: #04233d;
86
111
  --infinite-header-cell-hover-background: #021f35;
87
112
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
88
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
89
113
  --infinite-cell-border-left: none;
90
114
  --infinite-cell-border-right: none;
91
115
  --infinite-cell-border-width: 0px;
92
116
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
93
- --infinite-row-background: var(--infinite-background);
94
117
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
95
118
  --infinite-row-hover-background: var(--infinite-header-cell-background);
96
119
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
97
120
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
98
121
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
99
- --infinite-menu-background: var(--infinite-header-cell-background);
100
- --infinite-menu-item-pressed-background: var(--infinite-background);
101
122
  }
102
123
  @media (prefers-color-scheme: dark) {
103
124
  .infinite-theme-name--ocean:root,
104
125
  .infinite-theme-name--ocean {
126
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
127
+ --infinite-header-cell-border: var(--infinite-cell-border);
128
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
105
129
  --infinite-header-color: var(--infinite-color);
106
- --infinite-cell-color: var(--infinite-color);
107
130
  --infinite-header-background: var(--infinite-header-cell-hover-background);
131
+ --infinite-cell-color: var(--infinite-color);
108
132
  --infinite-flashing-background: var(--infinite-accent-color);
109
133
  --infinite-flashing-up-background: var(--infinite-success-color);
110
134
  --infinite-flashing-down-background: var(--infinite-error-color);
135
+ --infinite-menu-color: var(--infinite-cell-color);
136
+ --infinite-menu-background: var(--infinite-header-cell-background);
137
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
138
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
139
+ --infinite-menu-item-pressed-background: var(--infinite-background);
140
+ --infinite-load-mask-text-background: var(--infinite-background);
141
+ --infinite-load-mask-color: var(--infinite-cell-color);
142
+ --infinite-row-background: var(--infinite-background);
111
143
  --infinite-theme-name: ocean;
112
144
  --infinite-theme-mode: dark;
113
145
  --infinite-accent-color: #8b5cf6;
@@ -118,18 +150,14 @@
118
150
  --infinite-header-cell-background: #04233d;
119
151
  --infinite-header-cell-hover-background: #021f35;
120
152
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
121
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
122
153
  --infinite-cell-border-left: none;
123
154
  --infinite-cell-border-right: none;
124
155
  --infinite-cell-border-width: 0px;
125
156
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
126
- --infinite-row-background: var(--infinite-background);
127
157
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
128
158
  --infinite-row-hover-background: var(--infinite-header-cell-background);
129
159
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
130
160
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
131
161
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
132
- --infinite-menu-background: var(--infinite-header-cell-background);
133
- --infinite-menu-item-pressed-background: var(--infinite-background);
134
162
  }
135
163
  }