@infinite-table/infinite-vue 0.0.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.
Files changed (12) hide show
  1. package/LICENSE.md +838 -0
  2. package/README.md +126 -0
  3. package/index.css +1 -0
  4. package/index.d.ts +5716 -0
  5. package/index.js +28 -0
  6. package/index.mjs +28 -0
  7. package/package.json +32 -0
  8. package/theme/balsam.css +143 -0
  9. package/theme/default.css +703 -0
  10. package/theme/minimalist.css +165 -0
  11. package/theme/ocean.css +169 -0
  12. package/theme/shadcn.css +117 -0
package/theme/default.css ADDED
@@ -0,0 +1,703 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
+ @layer infinite-table {
3
+ :root {
4
+ --infinite-loaded: true;
5
+ --infinite-theme-name: default;
6
+ --infinite-theme-mode: light;
7
+ --infinite-icon-size: 24px;
8
+ --infinite-space-0: 0rem;
9
+ --infinite-space-1: 0.125rem;
10
+ --infinite-space-2: 0.25rem;
11
+ --infinite-space-3: 0.5rem;
12
+ --infinite-space-4: 0.75rem;
13
+ --infinite-space-5: 1rem;
14
+ --infinite-space-6: 1.25rem;
15
+ --infinite-space-7: 1.5rem;
16
+ --infinite-space-8: 2.25rem;
17
+ --infinite-space-9: 3rem;
18
+ --infinite-space-10: 4rem;
19
+ --infinite-font-size-0: 0.5rem;
20
+ --infinite-font-size-1: 0.625rem;
21
+ --infinite-font-size-2: 0.75rem;
22
+ --infinite-font-size-3: 0.875rem;
23
+ --infinite-font-size-4: 1rem;
24
+ --infinite-font-size-5: 1.25rem;
25
+ --infinite-font-size-6: 1.5rem;
26
+ --infinite-font-size-7: 2.25rem;
27
+ --infinite-font-family: inherit;
28
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
29
+ --infinite-color: #484848;
30
+ --infinite-accent-color: #0284c7;
31
+ --infinite-success-color: #7aff7a;
32
+ --infinite-error-color: #ff0000;
33
+ --infinite-border-radius: var(--infinite-space-2);
34
+ --infinite-background: white;
35
+ --infinite-min-height: 100px;
36
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
37
+ --infinite-header-cell-border: var(--infinite-cell-border);
38
+ --infinite-filter-editor-background: var(--infinite-row-background);
39
+ --infinite-header-color: #6f6f6f;
40
+ --infinite-header-background: var(--infinite-header-cell-background);
41
+ --infinite-cell-color: currentColor;
42
+ --infinite-flashing-background: var(--infinite-accent-color);
43
+ --infinite-flashing-up-background: var(--infinite-success-color);
44
+ --infinite-flashing-down-background: var(--infinite-error-color);
45
+ --infinite-menu-color: var(--infinite-cell-color);
46
+ --infinite-menu-background: var(--infinite-background);
47
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
48
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
49
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
50
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
51
+ --infinite-load-mask-color: inherit;
52
+ --infinite-row-background: var(--infinite-background);
53
+ --infinite-grouping-toolbar-background: var(--infinite-background);
54
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
55
+ --infinite-menu-separator-color: currentColor;
56
+ --infinite-menu-padding: var(--infinite-space-3);
57
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
58
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
59
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
60
+ --infinite-menu-item-disabled-opacity: 0.5;
61
+ --infinite-menu-item-active-opacity: 0.9;
62
+ --infinite-menu-item-pressed-opacity: 1;
63
+ --infinite-menu-border-radius: var(--infinite-space-2);
64
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
65
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
66
+ --infinite-rowdetail-padding: var(--infinite-space-2);
67
+ --infinite-rowdetail-grid-height: 100%;
68
+ --infinite-load-mask-overlay-background: gray;
69
+ --infinite-load-mask-overlay-opacity: 0.3;
70
+ --infinite-load-mask-padding: var(--infinite-space-5);
71
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
72
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
73
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
74
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
75
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
76
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
77
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
78
+ --infinite-resize-handle-active-area-width: 16px;
79
+ --infinite-resize-handle-width: 2px;
80
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
81
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
82
+ --infinite-header-cell-background: #ededed;
83
+ --infinite-filter-editor-border: var(--infinite-cell-border);
84
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
85
+ --infinite-filter-editor-color: currentColor;
86
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
87
+ --infinite-header-cell-hover-background: #dfdfdf;
88
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
89
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
90
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
91
+ --infinite-header-cell-icon-size: 16px;
92
+ --infinite-header-cell-menu-icon-line-width: 1px;
93
+ --infinite-header-cell-sort-icon-margin: 16px;
94
+ --infinite-column-header-height: 30px;
95
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
96
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
97
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
98
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
99
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
100
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
101
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
102
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
103
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
104
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
105
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
106
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
107
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
108
+ --infinite-cell-border-width: 1px;
109
+ --infinite-flashing-overlay-z-index: -1;
110
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
111
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
112
+ --infinite-cell-border-color: #c6c6c6;
113
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
114
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
115
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
116
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
117
+ --infinite-cell-border-invisible: none;
118
+ --infinite-cell-border-radius: var(--infinite-space-2);
119
+ --infinite-column-reorder-effect-duration: .2s;
120
+ --infinite-selected-cell-border-style: solid;
121
+ --infinite-active-cell-border-style: dashed;
122
+ --infinite-active-cell-border-width: 1px;
123
+ --infinite-active-cell-background-alpha: 0.25;
124
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
125
+ --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%))));
126
+ --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%)));
127
+ --infinite-row-odd-background: #f6f6f6;
128
+ --infinite-row-disabled-opacity: 0.5;
129
+ --infinite-row-disabled-background: #eeeeee;
130
+ --infinite-row-odd-disabled-background: #f9f9f9;
131
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
132
+ --infinite-row-selected-background: #d1e9ff;
133
+ --infinite-row-selected-hover-background: #add8ff;
134
+ --infinite-group-row-background: #cbc5c5;
135
+ --infinite-group-row-column-nesting: 24px;
136
+ --infinite-row-hover-background: #dbdbdb;
137
+ --infinite-row-pointer-events-while-scrolling: auto;
138
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
139
+ }
140
+ .infinite-theme-mode--light,
141
+ .infinite-theme-mode--light:root {
142
+ --infinite-loaded: true;
143
+ --infinite-theme-name: default;
144
+ --infinite-theme-mode: light;
145
+ --infinite-icon-size: 24px;
146
+ --infinite-space-0: 0rem;
147
+ --infinite-space-1: 0.125rem;
148
+ --infinite-space-2: 0.25rem;
149
+ --infinite-space-3: 0.5rem;
150
+ --infinite-space-4: 0.75rem;
151
+ --infinite-space-5: 1rem;
152
+ --infinite-space-6: 1.25rem;
153
+ --infinite-space-7: 1.5rem;
154
+ --infinite-space-8: 2.25rem;
155
+ --infinite-space-9: 3rem;
156
+ --infinite-space-10: 4rem;
157
+ --infinite-font-size-0: 0.5rem;
158
+ --infinite-font-size-1: 0.625rem;
159
+ --infinite-font-size-2: 0.75rem;
160
+ --infinite-font-size-3: 0.875rem;
161
+ --infinite-font-size-4: 1rem;
162
+ --infinite-font-size-5: 1.25rem;
163
+ --infinite-font-size-6: 1.5rem;
164
+ --infinite-font-size-7: 2.25rem;
165
+ --infinite-font-family: inherit;
166
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
167
+ --infinite-color: #484848;
168
+ --infinite-accent-color: #0284c7;
169
+ --infinite-success-color: #7aff7a;
170
+ --infinite-error-color: #ff0000;
171
+ --infinite-border-radius: var(--infinite-space-2);
172
+ --infinite-background: white;
173
+ --infinite-min-height: 100px;
174
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
175
+ --infinite-header-cell-border: var(--infinite-cell-border);
176
+ --infinite-filter-editor-background: var(--infinite-row-background);
177
+ --infinite-header-color: #6f6f6f;
178
+ --infinite-header-background: var(--infinite-header-cell-background);
179
+ --infinite-cell-color: currentColor;
180
+ --infinite-flashing-background: var(--infinite-accent-color);
181
+ --infinite-flashing-up-background: var(--infinite-success-color);
182
+ --infinite-flashing-down-background: var(--infinite-error-color);
183
+ --infinite-menu-color: var(--infinite-cell-color);
184
+ --infinite-menu-background: var(--infinite-background);
185
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
186
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
187
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
188
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
189
+ --infinite-load-mask-color: inherit;
190
+ --infinite-row-background: var(--infinite-background);
191
+ --infinite-grouping-toolbar-background: var(--infinite-background);
192
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
193
+ --infinite-menu-separator-color: currentColor;
194
+ --infinite-menu-padding: var(--infinite-space-3);
195
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
196
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
197
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
198
+ --infinite-menu-item-disabled-opacity: 0.5;
199
+ --infinite-menu-item-active-opacity: 0.9;
200
+ --infinite-menu-item-pressed-opacity: 1;
201
+ --infinite-menu-border-radius: var(--infinite-space-2);
202
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
203
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
204
+ --infinite-rowdetail-padding: var(--infinite-space-2);
205
+ --infinite-rowdetail-grid-height: 100%;
206
+ --infinite-load-mask-overlay-background: gray;
207
+ --infinite-load-mask-overlay-opacity: 0.3;
208
+ --infinite-load-mask-padding: var(--infinite-space-5);
209
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
210
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
211
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
212
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
213
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
214
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
215
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
216
+ --infinite-resize-handle-active-area-width: 16px;
217
+ --infinite-resize-handle-width: 2px;
218
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
219
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
220
+ --infinite-header-cell-background: #ededed;
221
+ --infinite-filter-editor-border: var(--infinite-cell-border);
222
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
223
+ --infinite-filter-editor-color: currentColor;
224
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
225
+ --infinite-header-cell-hover-background: #dfdfdf;
226
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
227
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
228
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
229
+ --infinite-header-cell-icon-size: 16px;
230
+ --infinite-header-cell-menu-icon-line-width: 1px;
231
+ --infinite-header-cell-sort-icon-margin: 16px;
232
+ --infinite-column-header-height: 30px;
233
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
234
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
235
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
236
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
237
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
238
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
239
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
240
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
241
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
242
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
243
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
244
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
245
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
246
+ --infinite-cell-border-width: 1px;
247
+ --infinite-flashing-overlay-z-index: -1;
248
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
249
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
250
+ --infinite-cell-border-color: #c6c6c6;
251
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
252
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
253
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
254
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
255
+ --infinite-cell-border-invisible: none;
256
+ --infinite-cell-border-radius: var(--infinite-space-2);
257
+ --infinite-column-reorder-effect-duration: .2s;
258
+ --infinite-selected-cell-border-style: solid;
259
+ --infinite-active-cell-border-style: dashed;
260
+ --infinite-active-cell-border-width: 1px;
261
+ --infinite-active-cell-background-alpha: 0.25;
262
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
263
+ --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%))));
264
+ --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%)));
265
+ --infinite-row-odd-background: #f6f6f6;
266
+ --infinite-row-disabled-opacity: 0.5;
267
+ --infinite-row-disabled-background: #eeeeee;
268
+ --infinite-row-odd-disabled-background: #f9f9f9;
269
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
270
+ --infinite-row-selected-background: #d1e9ff;
271
+ --infinite-row-selected-hover-background: #add8ff;
272
+ --infinite-group-row-background: #cbc5c5;
273
+ --infinite-group-row-column-nesting: 24px;
274
+ --infinite-row-hover-background: #dbdbdb;
275
+ --infinite-row-pointer-events-while-scrolling: auto;
276
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
277
+ }
278
+ .infinite-theme-mode--dark,
279
+ .infinite-theme-mode--dark:root {
280
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
281
+ --infinite-header-cell-border: var(--infinite-cell-border);
282
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
283
+ --infinite-header-color: #c3c3c3;
284
+ --infinite-header-background: var(--infinite-header-cell-background);
285
+ --infinite-cell-color: #c3c3c3;
286
+ --infinite-flashing-background: var(--infinite-accent-color);
287
+ --infinite-flashing-up-background: var(--infinite-success-color);
288
+ --infinite-flashing-down-background: var(--infinite-error-color);
289
+ --infinite-menu-color: var(--infinite-cell-color);
290
+ --infinite-menu-background: var(--infinite-background);
291
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
292
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
293
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
294
+ --infinite-load-mask-text-background: var(--infinite-background);
295
+ --infinite-load-mask-color: var(--infinite-cell-color);
296
+ --infinite-row-background: var(--infinite-background);
297
+ --infinite-grouping-toolbar-background: var(--infinite-background);
298
+ --infinite-theme-mode: dark;
299
+ --infinite-icon-size: 24px;
300
+ --infinite-background: #101419;
301
+ --infinite-success-color: #008700;
302
+ --infinite-cell-border: 1px solid #2a323d;
303
+ --infinite-header-cell-background: #1b2129;
304
+ --infinite-header-cell-hover-background: #222932;
305
+ --infinite-row-hover-background: #3b4754;
306
+ --infinite-row-selected-background: #0a2e4f;
307
+ --infinite-row-selected-hover-background: #0b243a;
308
+ --infinite-row-odd-background: #242a31;
309
+ --infinite-row-disabled-background: #292a2c;
310
+ --infinite-row-odd-disabled-background: #2d2e30;
311
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
312
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
313
+ }
314
+ .infinite-theme-name--default:root,
315
+ .infinite-theme-name--default {
316
+ --infinite-loaded: true;
317
+ --infinite-theme-name: default;
318
+ --infinite-theme-mode: light;
319
+ --infinite-icon-size: 24px;
320
+ --infinite-space-0: 0rem;
321
+ --infinite-space-1: 0.125rem;
322
+ --infinite-space-2: 0.25rem;
323
+ --infinite-space-3: 0.5rem;
324
+ --infinite-space-4: 0.75rem;
325
+ --infinite-space-5: 1rem;
326
+ --infinite-space-6: 1.25rem;
327
+ --infinite-space-7: 1.5rem;
328
+ --infinite-space-8: 2.25rem;
329
+ --infinite-space-9: 3rem;
330
+ --infinite-space-10: 4rem;
331
+ --infinite-font-size-0: 0.5rem;
332
+ --infinite-font-size-1: 0.625rem;
333
+ --infinite-font-size-2: 0.75rem;
334
+ --infinite-font-size-3: 0.875rem;
335
+ --infinite-font-size-4: 1rem;
336
+ --infinite-font-size-5: 1.25rem;
337
+ --infinite-font-size-6: 1.5rem;
338
+ --infinite-font-size-7: 2.25rem;
339
+ --infinite-font-family: inherit;
340
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
341
+ --infinite-color: #484848;
342
+ --infinite-accent-color: #0284c7;
343
+ --infinite-success-color: #7aff7a;
344
+ --infinite-error-color: #ff0000;
345
+ --infinite-border-radius: var(--infinite-space-2);
346
+ --infinite-background: white;
347
+ --infinite-min-height: 100px;
348
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
349
+ --infinite-header-cell-border: var(--infinite-cell-border);
350
+ --infinite-filter-editor-background: var(--infinite-row-background);
351
+ --infinite-header-color: #6f6f6f;
352
+ --infinite-header-background: var(--infinite-header-cell-background);
353
+ --infinite-cell-color: currentColor;
354
+ --infinite-flashing-background: var(--infinite-accent-color);
355
+ --infinite-flashing-up-background: var(--infinite-success-color);
356
+ --infinite-flashing-down-background: var(--infinite-error-color);
357
+ --infinite-menu-color: var(--infinite-cell-color);
358
+ --infinite-menu-background: var(--infinite-background);
359
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
360
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
361
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
362
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
363
+ --infinite-load-mask-color: inherit;
364
+ --infinite-row-background: var(--infinite-background);
365
+ --infinite-grouping-toolbar-background: var(--infinite-background);
366
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
367
+ --infinite-menu-separator-color: currentColor;
368
+ --infinite-menu-padding: var(--infinite-space-3);
369
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
370
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
371
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
372
+ --infinite-menu-item-disabled-opacity: 0.5;
373
+ --infinite-menu-item-active-opacity: 0.9;
374
+ --infinite-menu-item-pressed-opacity: 1;
375
+ --infinite-menu-border-radius: var(--infinite-space-2);
376
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
377
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
378
+ --infinite-rowdetail-padding: var(--infinite-space-2);
379
+ --infinite-rowdetail-grid-height: 100%;
380
+ --infinite-load-mask-overlay-background: gray;
381
+ --infinite-load-mask-overlay-opacity: 0.3;
382
+ --infinite-load-mask-padding: var(--infinite-space-5);
383
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
384
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
385
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
386
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
387
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
388
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
389
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
390
+ --infinite-resize-handle-active-area-width: 16px;
391
+ --infinite-resize-handle-width: 2px;
392
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
393
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
394
+ --infinite-header-cell-background: #ededed;
395
+ --infinite-filter-editor-border: var(--infinite-cell-border);
396
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
397
+ --infinite-filter-editor-color: currentColor;
398
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
399
+ --infinite-header-cell-hover-background: #dfdfdf;
400
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
401
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
402
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
403
+ --infinite-header-cell-icon-size: 16px;
404
+ --infinite-header-cell-menu-icon-line-width: 1px;
405
+ --infinite-header-cell-sort-icon-margin: 16px;
406
+ --infinite-column-header-height: 30px;
407
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
408
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
409
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
410
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
411
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
412
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
413
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
414
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
415
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
416
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
417
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
418
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
419
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
420
+ --infinite-cell-border-width: 1px;
421
+ --infinite-flashing-overlay-z-index: -1;
422
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
423
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
424
+ --infinite-cell-border-color: #c6c6c6;
425
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
426
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
427
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
428
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
429
+ --infinite-cell-border-invisible: none;
430
+ --infinite-cell-border-radius: var(--infinite-space-2);
431
+ --infinite-column-reorder-effect-duration: .2s;
432
+ --infinite-selected-cell-border-style: solid;
433
+ --infinite-active-cell-border-style: dashed;
434
+ --infinite-active-cell-border-width: 1px;
435
+ --infinite-active-cell-background-alpha: 0.25;
436
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
437
+ --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%))));
438
+ --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%)));
439
+ --infinite-row-odd-background: #f6f6f6;
440
+ --infinite-row-disabled-opacity: 0.5;
441
+ --infinite-row-disabled-background: #eeeeee;
442
+ --infinite-row-odd-disabled-background: #f9f9f9;
443
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
444
+ --infinite-row-selected-background: #d1e9ff;
445
+ --infinite-row-selected-hover-background: #add8ff;
446
+ --infinite-group-row-background: #cbc5c5;
447
+ --infinite-group-row-column-nesting: 24px;
448
+ --infinite-row-hover-background: #dbdbdb;
449
+ --infinite-row-pointer-events-while-scrolling: auto;
450
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
451
+ }
452
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
453
+ .infinite-theme-mode--light .infinite-theme-name--default,
454
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
455
+ .infinite-theme-name--default .infinite-theme-mode--light,
456
+ .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
457
+ --infinite-loaded: true;
458
+ --infinite-theme-name: default;
459
+ --infinite-theme-mode: light;
460
+ --infinite-icon-size: 24px;
461
+ --infinite-space-0: 0rem;
462
+ --infinite-space-1: 0.125rem;
463
+ --infinite-space-2: 0.25rem;
464
+ --infinite-space-3: 0.5rem;
465
+ --infinite-space-4: 0.75rem;
466
+ --infinite-space-5: 1rem;
467
+ --infinite-space-6: 1.25rem;
468
+ --infinite-space-7: 1.5rem;
469
+ --infinite-space-8: 2.25rem;
470
+ --infinite-space-9: 3rem;
471
+ --infinite-space-10: 4rem;
472
+ --infinite-font-size-0: 0.5rem;
473
+ --infinite-font-size-1: 0.625rem;
474
+ --infinite-font-size-2: 0.75rem;
475
+ --infinite-font-size-3: 0.875rem;
476
+ --infinite-font-size-4: 1rem;
477
+ --infinite-font-size-5: 1.25rem;
478
+ --infinite-font-size-6: 1.5rem;
479
+ --infinite-font-size-7: 2.25rem;
480
+ --infinite-font-family: inherit;
481
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
482
+ --infinite-color: #484848;
483
+ --infinite-accent-color: #0284c7;
484
+ --infinite-success-color: #7aff7a;
485
+ --infinite-error-color: #ff0000;
486
+ --infinite-border-radius: var(--infinite-space-2);
487
+ --infinite-background: white;
488
+ --infinite-min-height: 100px;
489
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
490
+ --infinite-header-cell-border: var(--infinite-cell-border);
491
+ --infinite-filter-editor-background: var(--infinite-row-background);
492
+ --infinite-header-color: #6f6f6f;
493
+ --infinite-header-background: var(--infinite-header-cell-background);
494
+ --infinite-cell-color: currentColor;
495
+ --infinite-flashing-background: var(--infinite-accent-color);
496
+ --infinite-flashing-up-background: var(--infinite-success-color);
497
+ --infinite-flashing-down-background: var(--infinite-error-color);
498
+ --infinite-menu-color: var(--infinite-cell-color);
499
+ --infinite-menu-background: var(--infinite-background);
500
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
501
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
502
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
503
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
504
+ --infinite-load-mask-color: inherit;
505
+ --infinite-row-background: var(--infinite-background);
506
+ --infinite-grouping-toolbar-background: var(--infinite-background);
507
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
508
+ --infinite-menu-separator-color: currentColor;
509
+ --infinite-menu-padding: var(--infinite-space-3);
510
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
511
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
512
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
513
+ --infinite-menu-item-disabled-opacity: 0.5;
514
+ --infinite-menu-item-active-opacity: 0.9;
515
+ --infinite-menu-item-pressed-opacity: 1;
516
+ --infinite-menu-border-radius: var(--infinite-space-2);
517
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
518
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
519
+ --infinite-rowdetail-padding: var(--infinite-space-2);
520
+ --infinite-rowdetail-grid-height: 100%;
521
+ --infinite-load-mask-overlay-background: gray;
522
+ --infinite-load-mask-overlay-opacity: 0.3;
523
+ --infinite-load-mask-padding: var(--infinite-space-5);
524
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
525
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
526
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
527
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
528
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
529
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
530
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
531
+ --infinite-resize-handle-active-area-width: 16px;
532
+ --infinite-resize-handle-width: 2px;
533
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
534
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
535
+ --infinite-header-cell-background: #ededed;
536
+ --infinite-filter-editor-border: var(--infinite-cell-border);
537
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
538
+ --infinite-filter-editor-color: currentColor;
539
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
540
+ --infinite-header-cell-hover-background: #dfdfdf;
541
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
542
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
543
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
544
+ --infinite-header-cell-icon-size: 16px;
545
+ --infinite-header-cell-menu-icon-line-width: 1px;
546
+ --infinite-header-cell-sort-icon-margin: 16px;
547
+ --infinite-column-header-height: 30px;
548
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
549
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
550
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
551
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
552
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
553
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
554
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
555
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
556
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
557
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
558
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
559
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
560
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
561
+ --infinite-cell-border-width: 1px;
562
+ --infinite-flashing-overlay-z-index: -1;
563
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
564
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
565
+ --infinite-cell-border-color: #c6c6c6;
566
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
567
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
568
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
569
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
570
+ --infinite-cell-border-invisible: none;
571
+ --infinite-cell-border-radius: var(--infinite-space-2);
572
+ --infinite-column-reorder-effect-duration: .2s;
573
+ --infinite-selected-cell-border-style: solid;
574
+ --infinite-active-cell-border-style: dashed;
575
+ --infinite-active-cell-border-width: 1px;
576
+ --infinite-active-cell-background-alpha: 0.25;
577
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
578
+ --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%))));
579
+ --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%)));
580
+ --infinite-row-odd-background: #f6f6f6;
581
+ --infinite-row-disabled-opacity: 0.5;
582
+ --infinite-row-disabled-background: #eeeeee;
583
+ --infinite-row-odd-disabled-background: #f9f9f9;
584
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
585
+ --infinite-row-selected-background: #d1e9ff;
586
+ --infinite-row-selected-hover-background: #add8ff;
587
+ --infinite-group-row-background: #cbc5c5;
588
+ --infinite-group-row-column-nesting: 24px;
589
+ --infinite-row-hover-background: #dbdbdb;
590
+ --infinite-row-pointer-events-while-scrolling: auto;
591
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
592
+ }
593
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
594
+ .infinite-theme-mode--dark .infinite-theme-name--default,
595
+ .infinite-theme-name--default .infinite-theme-mode--dark {
596
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
597
+ --infinite-header-cell-border: var(--infinite-cell-border);
598
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
599
+ --infinite-header-color: #c3c3c3;
600
+ --infinite-header-background: var(--infinite-header-cell-background);
601
+ --infinite-cell-color: #c3c3c3;
602
+ --infinite-flashing-background: var(--infinite-accent-color);
603
+ --infinite-flashing-up-background: var(--infinite-success-color);
604
+ --infinite-flashing-down-background: var(--infinite-error-color);
605
+ --infinite-menu-color: var(--infinite-cell-color);
606
+ --infinite-menu-background: var(--infinite-background);
607
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
608
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
609
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
610
+ --infinite-load-mask-text-background: var(--infinite-background);
611
+ --infinite-load-mask-color: var(--infinite-cell-color);
612
+ --infinite-row-background: var(--infinite-background);
613
+ --infinite-grouping-toolbar-background: var(--infinite-background);
614
+ --infinite-theme-mode: dark;
615
+ --infinite-icon-size: 24px;
616
+ --infinite-background: #101419;
617
+ --infinite-success-color: #008700;
618
+ --infinite-cell-border: 1px solid #2a323d;
619
+ --infinite-header-cell-background: #1b2129;
620
+ --infinite-header-cell-hover-background: #222932;
621
+ --infinite-row-hover-background: #3b4754;
622
+ --infinite-row-selected-background: #0a2e4f;
623
+ --infinite-row-selected-hover-background: #0b243a;
624
+ --infinite-row-odd-background: #242a31;
625
+ --infinite-row-disabled-background: #292a2c;
626
+ --infinite-row-odd-disabled-background: #2d2e30;
627
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
628
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
629
+ }
630
+ @media (prefers-color-scheme: dark) {
631
+ :root {
632
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
633
+ --infinite-header-cell-border: var(--infinite-cell-border);
634
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
635
+ --infinite-header-color: #c3c3c3;
636
+ --infinite-header-background: var(--infinite-header-cell-background);
637
+ --infinite-cell-color: #c3c3c3;
638
+ --infinite-flashing-background: var(--infinite-accent-color);
639
+ --infinite-flashing-up-background: var(--infinite-success-color);
640
+ --infinite-flashing-down-background: var(--infinite-error-color);
641
+ --infinite-menu-color: var(--infinite-cell-color);
642
+ --infinite-menu-background: var(--infinite-background);
643
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
644
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
645
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
646
+ --infinite-load-mask-text-background: var(--infinite-background);
647
+ --infinite-load-mask-color: var(--infinite-cell-color);
648
+ --infinite-row-background: var(--infinite-background);
649
+ --infinite-grouping-toolbar-background: var(--infinite-background);
650
+ --infinite-theme-mode: dark;
651
+ --infinite-icon-size: 24px;
652
+ --infinite-background: #101419;
653
+ --infinite-success-color: #008700;
654
+ --infinite-cell-border: 1px solid #2a323d;
655
+ --infinite-header-cell-background: #1b2129;
656
+ --infinite-header-cell-hover-background: #222932;
657
+ --infinite-row-hover-background: #3b4754;
658
+ --infinite-row-selected-background: #0a2e4f;
659
+ --infinite-row-selected-hover-background: #0b243a;
660
+ --infinite-row-odd-background: #242a31;
661
+ --infinite-row-disabled-background: #292a2c;
662
+ --infinite-row-odd-disabled-background: #2d2e30;
663
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
664
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
665
+ }
666
+ .infinite-theme-name--default:root,
667
+ .infinite-theme-name--default {
668
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
669
+ --infinite-header-cell-border: var(--infinite-cell-border);
670
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
671
+ --infinite-header-color: #c3c3c3;
672
+ --infinite-header-background: var(--infinite-header-cell-background);
673
+ --infinite-cell-color: #c3c3c3;
674
+ --infinite-flashing-background: var(--infinite-accent-color);
675
+ --infinite-flashing-up-background: var(--infinite-success-color);
676
+ --infinite-flashing-down-background: var(--infinite-error-color);
677
+ --infinite-menu-color: var(--infinite-cell-color);
678
+ --infinite-menu-background: var(--infinite-background);
679
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
680
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
681
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
682
+ --infinite-load-mask-text-background: var(--infinite-background);
683
+ --infinite-load-mask-color: var(--infinite-cell-color);
684
+ --infinite-row-background: var(--infinite-background);
685
+ --infinite-grouping-toolbar-background: var(--infinite-background);
686
+ --infinite-theme-mode: dark;
687
+ --infinite-icon-size: 24px;
688
+ --infinite-background: #101419;
689
+ --infinite-success-color: #008700;
690
+ --infinite-cell-border: 1px solid #2a323d;
691
+ --infinite-header-cell-background: #1b2129;
692
+ --infinite-header-cell-hover-background: #222932;
693
+ --infinite-row-hover-background: #3b4754;
694
+ --infinite-row-selected-background: #0a2e4f;
695
+ --infinite-row-selected-hover-background: #0b243a;
696
+ --infinite-row-odd-background: #242a31;
697
+ --infinite-row-disabled-background: #292a2c;
698
+ --infinite-row-odd-disabled-background: #2d2e30;
699
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
700
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
701
+ }
702
+ }
703
+ }