@deephaven/js-plugin-plotly-express 0.3.2 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/PlotlyExpressChart.d.ts +2 -1
  2. package/dist/PlotlyExpressChart.d.ts.map +1 -1
  3. package/dist/PlotlyExpressChart.js.map +1 -1
  4. package/dist/PlotlyExpressChartModel.d.ts +1 -0
  5. package/dist/PlotlyExpressChartModel.d.ts.map +1 -1
  6. package/dist/PlotlyExpressChartModel.js +9 -0
  7. package/dist/PlotlyExpressChartModel.js.map +1 -1
  8. package/dist/PlotlyExpressChartPanel.d.ts +2 -1
  9. package/dist/PlotlyExpressChartPanel.d.ts.map +1 -1
  10. package/dist/PlotlyExpressChartPanel.js.map +1 -1
  11. package/dist/PlotlyExpressPlugin.d.ts +2 -1
  12. package/dist/PlotlyExpressPlugin.d.ts.map +1 -1
  13. package/dist/PlotlyExpressPlugin.js.map +1 -1
  14. package/dist/bundle/index.js +184871 -188410
  15. package/dist/bundle/style.css +263 -355
  16. package/package.json +12 -12
package/dist/bundle/style.css CHANGED
@@ -1,231 +1,30 @@
1
1
  /* stylelint-disable */
2
2
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
3
+ /* stylelint-disable-next-line number-max-precision */
3
4
 
4
5
  /*# sourceMappingURL=ThemeExport.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
6
+ /* stylelint-disable-next-line number-max-precision */
5
7
  .popper-container {
6
8
  position: absolute;
7
9
  z-index: 5000;
8
10
  }
9
11
 
10
- .popper {
11
- background: #403e41;
12
- color: #f0f0ee;
13
- border-radius: 4px;
14
- transition: visibility 0.15s, opacity 0.15s;
15
- pointer-events: none;
16
- outline: 0;
17
- }
18
- .popper .popper-content {
19
- position: relative;
20
- box-shadow: 0 0.1rem 1.5rem 0.25rem rgba(26, 23, 26, 0.45);
21
- }
22
- .popper .popper-content .tooltip-content {
23
- text-align: center;
24
- padding: 0.25rem 0.5rem;
25
- }
26
- .popper .popper-arrow {
27
- width: 0;
28
- height: 0;
29
- border-style: solid;
30
- position: absolute;
31
- margin: 5px;
32
- border-color: #403e41;
33
- }
34
-
35
- .popper.interactive {
36
- pointer-events: auto;
37
- }
38
-
39
- .popper-transition-enter {
40
- opacity: 0;
41
- transition: none;
42
- }
43
-
44
- .popper-transition-exit {
45
- opacity: 0;
46
- transition: all 0.15s;
47
- }
48
-
49
- .popper-container[x-placement^=top] > .popper-transition-enter,
50
- .popper-container[x-placement^=top] > .popper-transition-exit {
51
- transform: scale(0.92) translate(0, 10px);
52
- }
53
-
54
- .popper-container[x-placement^=right] > .popper-transition-enter,
55
- .popper-container[x-placement^=right] > .popper-transition-exit {
56
- transform: scale(0.92) translate(-10px, 0);
57
- }
58
-
59
- .popper-container[x-placement^=bottom] > .popper-transition-enter,
60
- .popper-container[x-placement^=bottom] > .popper-transition-exit {
61
- transform: scale(0.92) translate(0, -10px);
62
- }
63
-
64
- .popper-container[x-placement^=left] > .popper-transition-enter,
65
- .popper-container[x-placement^=left] > .popper-transition-exit {
66
- transform: scale(0.92) translate(10px, 0);
67
- }
68
-
69
- .popper-container[x-placement^=top] > .popper-transition-enter-active.popper,
70
- .popper-container[x-placement^=right] > .popper-transition-enter-active.popper,
71
- .popper-container[x-placement^=bottom] > .popper-transition-enter-active.popper,
72
- .popper-container[x-placement^=left] > .popper-transition-enter-active.popper {
73
- opacity: 1;
74
- transform: none;
75
- transition: all 0.15s ease-out;
76
- }
77
-
78
- .popper-container[x-placement^=top] > .popper {
79
- margin-bottom: 5px;
80
- }
81
- .popper-container[x-placement^=top] > .popper .popper-arrow {
82
- border-width: 5px 5px 0 5px;
83
- border-left-color: transparent;
84
- border-right-color: transparent;
85
- border-bottom-color: transparent;
86
- bottom: -5px;
87
- margin-top: 0;
88
- margin-bottom: 0;
89
- }
90
-
91
- .popper-container[x-placement^=bottom] > .popper {
92
- margin-top: 5px;
93
- }
94
- .popper-container[x-placement^=bottom] > .popper .popper-arrow {
95
- border-width: 0 5px 5px 5px;
96
- border-left-color: transparent;
97
- border-right-color: transparent;
98
- border-top-color: transparent;
99
- top: -5px;
100
- margin-top: 0;
101
- margin-bottom: 0;
102
- }
103
-
104
- .popper-container[x-placement^=right] > .popper {
105
- margin-left: 5px;
106
- }
107
- .popper-container[x-placement^=right] > .popper .popper-arrow {
108
- border-width: 5px 5px 5px 0;
109
- border-left-color: transparent;
110
- border-top-color: transparent;
111
- border-bottom-color: transparent;
112
- left: -5px;
113
- margin-left: 0;
114
- margin-right: 0;
115
- }
116
-
117
- .popper-container[x-placement^=left] > .popper {
118
- margin-right: 5px;
119
- }
120
- .popper-container[x-placement^=left] > .popper .popper-arrow {
121
- border-width: 5px 0 5px 5px;
122
- border-top-color: transparent;
123
- border-right-color: transparent;
124
- border-bottom-color: transparent;
125
- right: -5px;
126
- margin-left: 0;
127
- margin-right: 0;
128
- }
129
-
130
- /*# sourceMappingURL=Popper.css.map */
131
- /* stylelint-disable scss/at-import-no-partial-leading-underscore */
132
- .plotly-notifier {
133
- margin-right: 15px;
134
- }
135
-
136
- .plotly-notifier .notifier-note {
137
- color: #f0f0ee !important;
138
- border: 0 !important;
139
- border-radius: 2px !important;
140
- background: #555356 !important;
141
- overflow-wrap: normal !important;
142
- hyphens: unset !important;
143
- margin-bottom: 0.5rem !important;
144
- box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45) !important;
145
- }
146
-
147
- .plotly-notifier .notifier-close {
148
- color: #929192 !important;
149
- transition: all 0.2s ease-in-out !important;
150
- }
151
- .plotly-notifier .notifier-close:hover {
152
- color: #f0f0ee !important;
153
- }
154
-
155
- .chart-wrapper {
156
- background: #2d2a2e;
157
- }
158
- .chart-wrapper .plot-container .cartesianlayer text {
159
- user-select: none;
160
- }
161
- .chart-wrapper .plot-container .hovertext path,
162
- .chart-wrapper .plot-container .axistext path {
163
- stroke: none !important;
164
- }
165
- .chart-wrapper .plot-container .axistext path {
166
- fill: #555356 !important;
167
- box-shadow: 4px 4px #1a171a;
168
- }
169
- .chart-wrapper .plot-container .zoomlayer .zoombox {
170
- fill: rgba(0, 0, 0, 0.5) !important;
171
- }
172
- .chart-wrapper .plot-container .zoomlayer .zoombox-corners {
173
- fill: #f0f0ee;
174
- stroke: #211f22;
175
- }
176
- .chart-wrapper .js-plotly-plot .plotly [data-title]::before {
177
- border-color: transparent transparent #403e41;
178
- z-index: 1002;
179
- }
180
- .chart-wrapper .js-plotly-plot .plotly [data-title]::after {
181
- border-radius: 4px;
182
- background: #403e41;
183
- color: #f0f0ee;
184
- padding: 0.25rem 0.5rem;
185
- box-shadow: 0 0.1rem 1.5rem 0.1rem rgba(26, 23, 26, 0.8);
186
- z-index: 1001;
187
- }
188
- .chart-wrapper .js-plotly-plot .plotly .modebar {
189
- z-index: auto;
190
- }
191
- .chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=animation-spin] svg {
192
- animation: fa-spin 2s infinite linear;
193
- }
194
- .chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-active] svg path {
195
- fill: rgba(255, 255, 255, 0.7) !important;
196
- }
197
- .chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-warning] svg path {
198
- fill: #f37e3f !important;
199
- }
200
-
201
- .chart-error-popper .popper-content {
202
- padding: 0.25rem;
203
- }
204
-
205
- /*# sourceMappingURL=Chart.css.map */
206
- /* stylelint-disable */
207
- /* stylelint-disable scss/at-import-no-partial-leading-underscore */
208
-
209
- /*# sourceMappingURL=ChartTheme.module.css.map *//* stylelint-disable */
210
- /* stylelint-disable scss/at-import-no-partial-leading-underscore */
211
-
212
- /*# sourceMappingURL=ThemeExport.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
213
- .popper-container {
214
- position: absolute;
215
- z-index: 5000;
12
+ .popper.popper-tooltip {
13
+ --background-color: var(--dh-color-tooltip-bg);
216
14
  }
217
15
 
218
16
  .popper {
219
- background: #403e41;
220
- color: #f0f0ee;
17
+ --background-color: var(--dh-color-popover-bg);
18
+ background: var(--background-color);
19
+ color: var(--dh-color-tooltip-fg);
221
20
  border-radius: 4px;
21
+ box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
222
22
  transition: visibility 0.15s, opacity 0.15s;
223
23
  pointer-events: none;
224
24
  outline: 0;
225
25
  }
226
26
  .popper .popper-content {
227
27
  position: relative;
228
- box-shadow: 0 0.1rem 1.5rem 0.25rem rgba(26, 23, 26, 0.45);
229
28
  }
230
29
  .popper .popper-content .tooltip-content {
231
30
  text-align: center;
@@ -237,7 +36,7 @@
237
36
  border-style: solid;
238
37
  position: absolute;
239
38
  margin: 5px;
240
- border-color: #403e41;
39
+ border-color: var(--background-color);
241
40
  }
242
41
 
243
42
  .popper.interactive {
@@ -337,6 +136,7 @@
337
136
 
338
137
  /*# sourceMappingURL=Popper.css.map */
339
138
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
139
+ /* stylelint-disable-next-line number-max-precision */
340
140
  .context-actions-listener {
341
141
  display: none;
342
142
  }
@@ -357,15 +157,15 @@
357
157
  .context-menu-container {
358
158
  pointer-events: auto;
359
159
  position: fixed;
360
- background-color: #555356;
361
- color: #f0f0ee;
160
+ background-color: var(--dh-color-popover-bg);
161
+ color: var(--dh-color-text);
362
162
  z-index: initial;
363
163
  min-width: 10rem;
364
164
  max-width: 30rem;
365
165
  text-align: left;
366
166
  border-radius: 4px;
367
167
  background-clip: border-box;
368
- box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
168
+ box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
369
169
  max-height: 100vh;
370
170
  overflow-y: auto;
371
171
  }
@@ -375,11 +175,11 @@
375
175
  .context-menu-container hr {
376
176
  margin-top: 0;
377
177
  margin-bottom: 0;
378
- background-color: #403e41;
178
+ background-color: var(--dh-color-gray-400);
379
179
  }
380
180
  .context-menu-container .custom-menu-item {
381
181
  width: 100%;
382
- color: #f0f0ee;
182
+ color: var(--dh-color-text);
383
183
  white-space: nowrap;
384
184
  text-decoration: none;
385
185
  background-color: transparent;
@@ -389,7 +189,7 @@
389
189
  border: none;
390
190
  width: 100%;
391
191
  padding: 4px 8px;
392
- color: #f0f0ee;
192
+ color: var(--dh-color-text);
393
193
  text-decoration: none;
394
194
  background-color: transparent;
395
195
  text-align: left;
@@ -408,7 +208,7 @@
408
208
  text-align: center;
409
209
  }
410
210
  .context-menu-container .btn-context-menu .icon.outline {
411
- stroke: #555356;
211
+ stroke: var(--dh-color-popover-bg);
412
212
  stroke-width: 60;
413
213
  }
414
214
  .context-menu-container .btn-context-menu .title {
@@ -417,7 +217,7 @@
417
217
  white-space: nowrap;
418
218
  }
419
219
  .context-menu-container .btn-context-menu .shortcut {
420
- color: #929192;
220
+ color: var(--dh-color-gray-600);
421
221
  margin-left: 0.5rem;
422
222
  justify-self: flex-end;
423
223
  flex: 1 1 auto;
@@ -425,24 +225,24 @@
425
225
  white-space: nowrap;
426
226
  }
427
227
  .context-menu-container .btn-context-menu .submenu-indicator {
428
- color: #f0f0ee;
228
+ color: var(--dh-color-text);
429
229
  flex-grow: 0;
430
230
  justify-self: flex-end;
431
231
  }
432
232
  .context-menu-container .btn-context-menu .submenu-indicator.disabled {
433
- color: #929192;
233
+ color: var(--dh-color-input-disabled-fg);
434
234
  }
435
235
  .context-menu-container .btn-context-menu.menu-title {
436
236
  user-select: none;
437
237
  cursor: default;
438
- background: #2d2a2e;
238
+ background: var(--dh-color-content-bg, #2d2a2e);
439
239
  }
440
240
  .context-menu-container .btn-context-menu.keyboard-active {
441
- background-color: rgba(72, 120, 234, 0.5);
241
+ background-color: var(--dh-color-keyboard-selected-bg);
442
242
  }
443
243
  .context-menu-container .btn-context-menu:focus,
444
244
  .context-menu-container .btn-context-menu.active {
445
- background-color: #4878ea;
245
+ background-color: var(--dh-color-item-list-hover-bg);
446
246
  }
447
247
  .context-menu-container .btn-context-menu:focus {
448
248
  outline: none;
@@ -450,16 +250,16 @@
450
250
  .context-menu-container .btn-context-menu.active,
451
251
  .context-menu-container .btn-context-menu.keyboard-active,
452
252
  .context-menu-container .btn-context-menu:focus:not(.disabled) {
453
- color: #f0f0ee;
253
+ color: var(--dh-color-item-list-selected-fg);
454
254
  }
455
255
  .context-menu-container .btn-context-menu.active .shortcut,
456
256
  .context-menu-container .btn-context-menu.keyboard-active .shortcut,
457
257
  .context-menu-container .btn-context-menu:focus:not(.disabled) .shortcut {
458
- color: #a4bcf5;
258
+ color: var(--dh-color-gray-700);
459
259
  }
460
260
  .context-menu-container .btn-context-menu.disabled {
461
- color: #929192;
462
- background-color: #555356;
261
+ color: var(--dh-color-input-disabled-fg);
262
+ background-color: var(--dh-color-popover-bg);
463
263
  }
464
264
  .context-menu-container .context-menu-item:last-child > .btn-context-menu {
465
265
  border-bottom-left-radius: 4px;
@@ -471,7 +271,7 @@
471
271
  }
472
272
  .context-menu-container .context-menu-group-header {
473
273
  margin: 0.5rem 0.75rem 0.25rem 0.75rem;
474
- color: #c0bfbf;
274
+ color: var(--dh-color-gray-700);
475
275
  white-space: nowrap;
476
276
  text-decoration: none;
477
277
  background-color: transparent;
@@ -479,7 +279,7 @@
479
279
  cursor: default;
480
280
  user-select: none;
481
281
  font-weight: 500;
482
- border-bottom: 1px solid #5b5a5c;
282
+ border-bottom: 1px solid var(--dh-color-hr);
483
283
  }
484
284
  .context-menu-container .loading {
485
285
  padding: 0.25rem 1.5rem;
@@ -495,14 +295,8 @@
495
295
  /*# sourceMappingURL=ContextActions.css.map */
496
296
  /* stylelint-disable alpha-value-notation */
497
297
  .loading-spinner {
498
- --primary-color: var(
499
- --dh-loading-spinner-primary-color,
500
- var(--dh-color-accent, #4c7dee)
501
- );
502
- --secondary-color: var(
503
- --dh-loading-spinner-secondary-color,
504
- rgba(240, 240, 240, 0.5)
505
- );
298
+ --primary-color: var(--dh-color-loading-spinner-primary);
299
+ --secondary-color: var(--dh-color-loading-spinner-secondary);
506
300
  --border-width: 1px;
507
301
  --size: 14px;
508
302
  box-sizing: border-box;
@@ -544,6 +338,7 @@
544
338
 
545
339
  /*# sourceMappingURL=LoadingSpinner.css.map */
546
340
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
341
+ /* stylelint-disable-next-line number-max-precision */
547
342
  .iris-panel-message-overlay {
548
343
  text-align: center;
549
344
  display: flex;
@@ -568,19 +363,20 @@
568
363
  }
569
364
 
570
365
  .iris-panel-scrim-background {
571
- background: rgba(0, 0, 0, 0.1);
366
+ background: color-mix(in srgb, var(--dh-color-black) 10%, transparent);
572
367
  }
573
368
 
574
369
  /*# sourceMappingURL=LoadingOverlay.css.map */
575
370
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
371
+ /* stylelint-disable-next-line number-max-precision */
576
372
  .btn-socketed {
577
373
  position: relative;
578
374
  display: inline-block;
579
- border: 1px solid #929192;
580
- padding: 0.375rem 1.5rem;
581
- color: #f0f0ee;
582
- background: #555356;
583
- line-height: 1.5;
375
+ border: 1px solid var(--dh-color-input-border);
376
+ padding: 0.42145rem 1.5rem;
377
+ color: var(--dh-color-neutral-contrast);
378
+ background: var(--dh-color-action-bg);
379
+ line-height: 1.3;
584
380
  user-select: none;
585
381
  border-radius: 4px;
586
382
  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
@@ -592,50 +388,50 @@
592
388
  bottom: -1px;
593
389
  left: 50%;
594
390
  transform: translate(-50%, 50%);
595
- background: #2d2a2e;
391
+ background: var(--dh-color-content-bg, #2d2a2e);
596
392
  width: 18px;
597
393
  height: 18px;
598
394
  border-radius: 50%;
599
- border: 1px solid #929192;
395
+ border: 1px solid var(--dh-color-input-border);
600
396
  transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
601
397
  }
602
398
  .btn-socketed:focus {
603
- border-color: rgba(72, 120, 234, 0.85);
604
- box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
399
+ border-color: var(--dh-color-input-focus-border);
400
+ box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dh-color-accent) 35%, transparent);
605
401
  }
606
402
  .btn-socketed:focus::after {
607
- border-color: rgba(72, 120, 234, 0.85);
403
+ border-color: var(--dh-color-input-focus-border);
608
404
  }
609
405
  .btn-socketed:hover {
610
- background-color: #235de6;
611
- border-color: #235de6;
406
+ background-color: var(--dh-color-action-hover-bg);
407
+ border-color: var(--dh-color-hover-border);
612
408
  }
613
409
  .btn-socketed:hover::after {
614
- border-color: #235de6;
410
+ border-color: var(--dh-color-hover-border);
615
411
  }
616
412
  .btn-socketed:active {
617
- border-color: #184ece;
618
- background-color: #184ece;
413
+ border-color: var(--dh-color-hover-border);
414
+ background-color: var(--dh-color-action-down-bg);
619
415
  }
620
416
  .btn-socketed .btn-socketed-icon {
621
417
  display: none;
622
418
  }
623
419
  .btn-socketed:disabled, .btn-socketed:disabled:hover {
624
420
  cursor: not-allowed;
625
- border-color: #1a171a;
626
- background-color: #373438;
421
+ border-color: var(--dh-color-action-disabled-border);
422
+ background-color: var(--dh-color-action-disabled-bg);
627
423
  }
628
424
  .btn-socketed:disabled::after, .btn-socketed:disabled:hover::after {
629
- border-color: #1a171a;
425
+ border-color: var(--dh-color-action-disabled-border);
630
426
  }
631
427
 
632
428
  .btn-socketed.btn-socketed-linked::after {
633
- border-color: #4878ea;
634
- background-color: #4878ea;
429
+ border-color: var(--dh-color-accent-bg);
430
+ background-color: var(--dh-color-accent-bg);
635
431
  }
636
432
  .btn-socketed.btn-socketed-linked.btn-socketed-linked-source::after {
637
- border-color: #aa9af4;
638
- background-color: #aa9af4;
433
+ border-color: var(--dh-color-visual-purple);
434
+ background-color: var(--dh-color-visual-purple);
639
435
  }
640
436
  .btn-socketed.btn-socketed-linked .btn-socketed-icon.linked {
641
437
  display: block;
@@ -646,22 +442,22 @@
646
442
  z-index: 1;
647
443
  }
648
444
  .btn-socketed.btn-socketed-linked:disabled, .btn-socketed.btn-socketed-linked:disabled:hover {
649
- border-color: #1a171a;
650
- background-color: #373438;
445
+ border-color: var(--dh-color-action-disabled-border);
446
+ background-color: var(--dh-color-action-disabled-bg);
651
447
  }
652
448
  .btn-socketed.btn-socketed-linked:disabled::after, .btn-socketed.btn-socketed-linked:disabled:hover::after {
653
- background-color: #343e5d;
654
- border-color: #1a171a;
449
+ background-color: var(--dh-color-accent-down-bg);
450
+ border-color: var(--dh-color-action-disabled-border);
655
451
  }
656
452
 
657
453
  .btn-socketed.is-invalid,
658
454
  .btn-socketed.btn-socketed-linked.is-invalid {
659
- border-color: rgba(249, 93, 132, 0.85);
455
+ border-color: color-mix(in srgb, var(--dh-color-negative) 85%, transparent);
660
456
  }
661
457
  .btn-socketed.is-invalid::after,
662
458
  .btn-socketed.btn-socketed-linked.is-invalid::after {
663
- border-color: #f95d84;
664
- background-color: #f95d84;
459
+ border-color: var(--dh-color-negative-bg);
460
+ background-color: var(--dh-color-negative-bg);
665
461
  }
666
462
  .btn-socketed.is-invalid .btn-socketed-icon.linked,
667
463
  .btn-socketed.btn-socketed-linked.is-invalid .btn-socketed-icon.linked {
@@ -669,7 +465,7 @@
669
465
  }
670
466
  .btn-socketed.is-invalid .btn-socketed-icon.is-invalid,
671
467
  .btn-socketed.btn-socketed-linked.is-invalid .btn-socketed-icon.is-invalid {
672
- color: #555356;
468
+ color: var(--dh-color-action-bg);
673
469
  display: block;
674
470
  position: absolute;
675
471
  bottom: 1px;
@@ -679,25 +475,106 @@
679
475
  }
680
476
  .btn-socketed.is-invalid:focus,
681
477
  .btn-socketed.btn-socketed-linked.is-invalid:focus {
682
- box-shadow: 0 0 0 0.2rem rgba(249, 93, 132, 0.35);
478
+ box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dh-color-negative) 35%, transparent);
683
479
  }
684
480
  .btn-socketed.is-invalid:disabled, .btn-socketed.is-invalid:disabled:hover,
685
481
  .btn-socketed.btn-socketed-linked.is-invalid:disabled,
686
482
  .btn-socketed.btn-socketed-linked.is-invalid:disabled:hover {
687
- border-color: #1a171a;
688
- background-color: #373438;
483
+ border-color: var(--dh-color-action-disabled-border);
484
+ background-color: var(--dh-color-action-disabled-bg);
689
485
  }
690
486
  .btn-socketed.is-invalid:disabled::after, .btn-socketed.is-invalid:disabled:hover::after,
691
487
  .btn-socketed.btn-socketed-linked.is-invalid:disabled::after,
692
488
  .btn-socketed.btn-socketed-linked.is-invalid:disabled:hover::after {
693
- background-color: #373438;
694
- border-color: #1a171a;
489
+ background-color: var(--dh-color-action-disabled-bg);
490
+ border-color: var(--dh-color-action-disabled-border);
695
491
  }
696
492
 
697
493
  /*# sourceMappingURL=SocketedButton.css.map */
698
- ._lm_dragging_27ejx_1{overflow:hidden;pointer-events:none}._lm_dragging_27ejx_1 ._lm_goldenlayout_27ejx_1 ._lm_header_27ejx_1{pointer-events:auto}._lm_dragging_27ejx_1 ._lm_goldenlayout_27ejx_1 ._lm_header_27ejx_1 ._lm_controls_27ejx_1>li{pointer-events:none}._lm_dragging_27ejx_1 ._lm_goldenlayout_27ejx_1 ._lm_header_27ejx_1 ._lm_controls_27ejx_1>li._lm_tabpreviousbutton_27ejx_1,._lm_dragging_27ejx_1 ._lm_goldenlayout_27ejx_1 ._lm_header_27ejx_1 ._lm_controls_27ejx_1>li._lm_tabnextbutton_27ejx_1{pointer-events:auto}body:not(._lm_dragging_27ejx_1) ._lm_header_27ejx_1 ._lm_tab_27ejx_1:not(._lm_active_27ejx_1):hover{color:#c0bfbf}._lm_header_27ejx_1 ._lm_tab_27ejx_1._lm_active_27ejx_1 ._lm_close_tab_27ejx_1{background-color:#2d2a2e}body:not(._lm_dragging_27ejx_1) ._lm_header_27ejx_1 ._lm_tab_27ejx_1:hover ._lm_close_tab_27ejx_1{background-color:#929192}body:not(._lm_dragging_27ejx_1) ._lm_header_27ejx_1 ._lm_tab_27ejx_1 ._lm_close_tab_27ejx_1:hover{background-color:#fcfcfa}._lm_goldenlayout_27ejx_1{background:var(--dh-color-background, #1a171a);position:absolute}._lm_content_27ejx_1{background:#2d2a2e;overflow:visible}._lm_dragProxy_27ejx_1 ._lm_content_27ejx_1{height:100%;width:100%;box-shadow:0 .1rem 1rem rgba(26,23,26,.45)}._lm_dragProxy_27ejx_1 ._lm_header_27ejx_1{height:28px;box-shadow:none}._lm_dragProxy_27ejx_1 ._lm_header_27ejx_1 ._lm_tab_27ejx_1,._lm_dragProxy_27ejx_1 ._lm_header_27ejx_1 ._lm_tab_27ejx_1._lm_active_27ejx_1{border:0;box-shadow:0 .1rem 1rem rgba(26,23,26,.45)}._lm_dropTargetIndicator_27ejx_1{background-image:linear-gradient(to right, #1a171a 50%, #f0f0ee 50%),linear-gradient(to right, #1a171a 50%, #f0f0ee 50%),linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%),linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 top,0 bottom,left 0,right 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;animation:_march_27ejx_1 .5s;animation-timing-function:linear;animation-iteration-count:infinite;box-sizing:border-box;transition:all .2s ease}._lm_dropTargetIndicator_27ejx_1 ._lm_inner_27ejx_1{box-sizing:border-box;border:1px solid transparent;box-shadow:inset 0 0 1rem 1px rgba(0,0,0,.45);opacity:1;background:rgba(72,120,234,.1)}._lm_splitter_27ejx_1{background:#929192;opacity:.001;transition:opacity .15s ease}._lm_splitter_27ejx_1:hover,._lm_splitter_27ejx_1._lm_dragging_27ejx_1{background:#c0bfbf;opacity:1}._lm_header_27ejx_1{box-sizing:content-box;height:28px;padding-top:0;background:#201e21;box-shadow:inset 0 -1px 0 0 #1a171a;user-select:none}._lm_header_27ejx_1 ._lm_controls_27ejx_1>li{height:100%;width:24px}._lm_header_27ejx_1._lm_selectable_27ejx_1{cursor:pointer}._lm_header_27ejx_1 ._lm_tab_27ejx_1,._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1{display:flex;align-items:center;font-family:"Fira Sans",-apple-system,blinkmacsystemfont,"Segoe UI","Roboto","Helvetica Neue",arial,sans-serif;background-color:#242125;color:#929192;height:28px;font-size:12px;min-width:5rem;margin:0;padding:0 .25rem 0 .5rem;box-shadow:inset -1px -1px 0 0 #1a171a;transition:color .15s,background-color .15s;max-width:12rem;white-space:nowrap;overflow:hidden}._lm_header_27ejx_1 ._lm_tab_27ejx_1 ._lm_title_27ejx_1,._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1 ._lm_title_27ejx_1{flex-grow:1;padding-right:.25rem}._lm_header_27ejx_1 ._lm_tab_27ejx_1 ._lm_title_before_27ejx_1,._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1 ._lm_title_before_27ejx_1{display:flex;align-items:center}._lm_header_27ejx_1 ._lm_tab_27ejx_1 ._lm_close_tab_27ejx_1,._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1 ._lm_close_tab_27ejx_1{cursor:pointer;position:relative;width:8px;height:8px;padding:4px;margin-left:-0.25rem;background-color:#242125;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");mask-position:center center;mask-repeat:no-repeat;mask-size:8px;opacity:1;transition:background-color .15s}._lm_header_27ejx_1 ._lm_tab_27ejx_1 ._lm_close_tab_27ejx_1:hover,._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1 ._lm_close_tab_27ejx_1:hover{opacity:1}._lm_selected_27ejx_1 ._lm_header_27ejx_1{background-color:#2d2a2e}._lm_header_27ejx_1 ._lm_tab_27ejx_1._lm_active_27ejx_1,._lm_header_27ejx_1 ._lm_tab_27ejx_1._lm_active_27ejx_1:hover{height:28px;background-color:#2d2a2e;color:#f0f0ee;padding-bottom:0;box-shadow:inset -1px 0 0 0 #1a171a}._lm_header_27ejx_1 ._lm_tab_27ejx_1._lm_active_27ejx_1._lm_focusin_27ejx_1,._lm_header_27ejx_1 ._lm_tab_27ejx_1._lm_active_27ejx_1:hover._lm_focusin_27ejx_1{box-shadow:inset 0 1px #4878ea,inset -1px 0 0 0 #1a171a}._lm_window_blur_27ejx_1 ._lm_header_27ejx_1 ._lm_tab_27ejx_1._lm_active_27ejx_1._lm_focusin_27ejx_1{box-shadow:none}._lm_controls_27ejx_1>li{position:relative;background-position:center center;background-repeat:no-repeat;opacity:.4;transition:opacity 300ms ease}._lm_controls_27ejx_1>li:hover{opacity:1}._lm_controls_27ejx_1 ._lm_popout_27ejx_1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=)}._lm_controls_27ejx_1 ._lm_maximise_27ejx_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E")}._lm_controls_27ejx_1 ._lm_tabdropdown_27ejx_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E")}._lm_controls_27ejx_1 ._lm_close_27ejx_1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=)}._lm_controls_27ejx_1 ._lm_tabnextbutton_27ejx_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E")}._lm_controls_27ejx_1 ._lm_tabpreviousbutton_27ejx_1{background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E")}._lm_tabdropdown_list_27ejx_1{z-index:1000;background:#242125;box-shadow:0 .1rem 1rem rgba(0,0,0,.45);border-radius:4px;max-width:12rem;margin:0;padding:0;list-style-type:none}._lm_tabdropdown_list_27ejx_1 ._lm_tabdropdown_search_27ejx_1{padding:.25rem}._lm_tabdropdown_list_27ejx_1 ._lm_tabdropdown_search_27ejx_1 input{padding:.375rem .75rem;line-height:1.5;color:#f0f0ee;background-color:#555356;border:1px solid #929192;border-radius:4px;max-width:100%}._lm_tabdropdown_list_27ejx_1 ._lm_tabdropdown_search_27ejx_1 input::placeholder{color:#929192;opacity:1}._lm_tabdropdown_list_27ejx_1 ._lm_tabdropdown_search_27ejx_1 input:focus{border-color:rgba(72,120,234,.85);box-shadow:0 0 0 .2rem rgba(72,120,234,.35);outline:0}._lm_tabdropdown_list_27ejx_1 ._lm_tabs_27ejx_1{padding:0}._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1{background:#242125;color:#c0bfbf;box-shadow:none}._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1._lm_keyboard_active_27ejx_1{color:#c0bfbf;background-color:#343e5d}._lm_tabdropdown_list_27ejx_1 ._lm_tab_27ejx_1:hover{color:#f0f0ee;background-color:#4878ea}._lm_maximised_27ejx_1{border:15px solid rgba(26,23,26,.85);height:100% !important;width:100% !important}._lm_maximised_27ejx_1 ._lm_items_27ejx_1{box-shadow:0 .1rem 1rem rgba(0,0,0,.45)}._lm_maximised_27ejx_1 ._lm_controls_27ejx_1 ._lm_maximise_27ejx_1{opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E")}._lm_maximised_27ejx_1 ._lm_controls_27ejx_1 ._lm_maximise_27ejx_1:hover{opacity:1}._lm_tabs_27ejx_1:empty+._lm_controls_27ejx_1 ._lm_maximise_27ejx_1{display:none}
494
+ /* stylelint-disable scss/at-import-no-partial-leading-underscore */
495
+ /* stylelint-disable-next-line number-max-precision */
496
+ .plotly-notifier {
497
+ margin-right: 15px;
498
+ }
499
+
500
+ .plotly-notifier .notifier-note {
501
+ color: var(--dh-color-fg, #f0f0ee) !important;
502
+ border: 0 !important;
503
+ border-radius: 2px !important;
504
+ background: var(--dh-color-plotly-notifier-note-bg) !important;
505
+ overflow-wrap: normal !important;
506
+ hyphens: unset !important;
507
+ margin-bottom: 0.5rem !important;
508
+ box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow) !important;
509
+ }
510
+
511
+ .plotly-notifier .notifier-close {
512
+ color: var(--dh-color-gray-600) !important;
513
+ transition: all 0.2s ease-in-out !important;
514
+ }
515
+ .plotly-notifier .notifier-close:hover {
516
+ color: var(--dh-color-fg, #f0f0ee) !important;
517
+ }
518
+
519
+ .chart-wrapper {
520
+ background: var(--dh-color-chart-bg);
521
+ }
522
+ .chart-wrapper .plot-container .cartesianlayer text {
523
+ user-select: none;
524
+ }
525
+ .chart-wrapper .plot-container .hovertext path,
526
+ .chart-wrapper .plot-container .axistext path {
527
+ stroke: none !important;
528
+ }
529
+ .chart-wrapper .plot-container .axistext path {
530
+ fill: var(--dh-color-plotly-axis-text) !important;
531
+ box-shadow: 4px 4px var(--dh-color-black);
532
+ }
533
+ .chart-wrapper .plot-container .zoomlayer .zoombox {
534
+ fill: var(--dh-color-plotly-zoombox) !important;
535
+ }
536
+ .chart-wrapper .plot-container .zoomlayer .zoombox-corners {
537
+ fill: var(--dh-color-plotly-zoombox-corners-fill);
538
+ stroke: var(--dh-color-plotly-zoombox-corners-stroke);
539
+ }
540
+ .chart-wrapper .js-plotly-plot .plotly [data-title]::before {
541
+ border-color: transparent transparent var(--dh-color-tooltip-bg);
542
+ z-index: 1002;
543
+ }
544
+ .chart-wrapper .js-plotly-plot .plotly [data-title]::after {
545
+ border-radius: 4px;
546
+ background: var(--dh-color-tooltip-bg);
547
+ color: var(--dh-color-tooltip-fg);
548
+ padding: 0.25rem 0.5rem;
549
+ box-shadow: var(--dh-color-tooltip-box-shadow);
550
+ z-index: 1001;
551
+ }
552
+ .chart-wrapper .js-plotly-plot .plotly .modebar {
553
+ z-index: auto;
554
+ }
555
+ .chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=animation-spin] svg {
556
+ animation: fa-spin 2s infinite linear;
557
+ }
558
+ .chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-active] svg path {
559
+ fill: var(--dh-color-plotly-modebar-btn-active) !important;
560
+ }
561
+ .chart-wrapper .js-plotly-plot .plotly .modebar .modebar-btn[data-attr=fill-warning] svg path {
562
+ fill: var(--dh-color-plotly-modebar-btn-warning) !important;
563
+ }
564
+
565
+ .chart-error-popper .popper-content {
566
+ padding: 0.25rem;
567
+ }
568
+
569
+ /*# sourceMappingURL=Chart.css.map */
570
+ /* stylelint-disable */
571
+ /* stylelint-disable scss/at-import-no-partial-leading-underscore */
572
+ /* stylelint-disable-next-line number-max-precision */
573
+
574
+ /*# sourceMappingURL=ChartTheme.module.css.map */._lm_dragging_1qalq_1{overflow:hidden;pointer-events:none}._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1{pointer-events:auto}._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1 ._lm_controls_1qalq_1>li{pointer-events:none}._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1 ._lm_controls_1qalq_1>li._lm_tabpreviousbutton_1qalq_1,._lm_dragging_1qalq_1 ._lm_goldenlayout_1qalq_1 ._lm_header_1qalq_1 ._lm_controls_1qalq_1>li._lm_tabnextbutton_1qalq_1{pointer-events:auto}body:not(._lm_dragging_1qalq_1) ._lm_header_1qalq_1 ._lm_tab_1qalq_1:not(._lm_active_1qalq_1):hover{color:var(--dh-color-gray-700)}body:not(._lm_dragging_1qalq_1) ._lm_header_1qalq_1 ._lm_tab_1qalq_1:hover ._lm_close_tab_1qalq_1{opacity:.4;transition:opacity 300ms ease}body:not(._lm_dragging_1qalq_1) ._lm_header_1qalq_1 ._lm_tab_1qalq_1:hover ._lm_close_tab_1qalq_1:hover{opacity:1}._lm_goldenlayout_1qalq_1{background:var(--dh-color-bg, #1a171a);position:absolute}._lm_content_1qalq_1{background:var(--dh-color-content-bg, #2d2a2e);overflow:visible}._lm_dragProxy_1qalq_1 ._lm_content_1qalq_1{height:100%;width:100%;box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}._lm_dragProxy_1qalq_1 ._lm_header_1qalq_1{height:28px;box-shadow:none}._lm_dragProxy_1qalq_1 ._lm_header_1qalq_1 ._lm_tab_1qalq_1,._lm_dragProxy_1qalq_1 ._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1{border:0;box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}._lm_dropTargetIndicator_1qalq_1{background-image:linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%),linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%);background-size:8px 1px,8px 1px,1px 8px,1px 8px;background-position:0 top,0 bottom,left 0,right 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;animation:_march_1qalq_1 .5s;animation-timing-function:linear;animation-iteration-count:infinite;box-sizing:border-box;transition:all .2s ease}._lm_dropTargetIndicator_1qalq_1 ._lm_inner_1qalq_1{box-sizing:border-box;border:1px solid transparent;box-shadow:inset 0 0 1rem 1px var(--dh-color-dropshadow);opacity:1;background:color-mix(in srgb, var(--dh-color-accent) 10%, transparent)}._lm_splitter_1qalq_1{background:var(--dh-color-gray-600);opacity:.001;transition:opacity .15s ease}._lm_splitter_1qalq_1:hover,._lm_splitter_1qalq_1._lm_dragging_1qalq_1{background:var(--dh-color-gray-700);opacity:1}._lm_header_1qalq_1{box-sizing:content-box;height:28px;padding-top:0;background:var(--dh-color-golden-layout-tab-header-bg);box-shadow:inset 0 -1px 0 0 var(--dh-color-bg, #1a171a);user-select:none}._lm_header_1qalq_1 ._lm_controls_1qalq_1>li{height:100%;width:24px}._lm_header_1qalq_1._lm_selectable_1qalq_1{cursor:pointer}._lm_header_1qalq_1 ._lm_tab_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1{display:flex;align-items:center;font-family:"Fira Sans",-apple-system,blinkmacsystemfont,"Segoe UI","Roboto","Helvetica Neue",arial,sans-serif;background-color:var(--dh-color-golden-layout-tab-bg);color:var(--dh-color-gray-600);height:28px;font-size:12px;min-width:5rem;margin:0;padding:0 .25rem 0 .5rem;box-shadow:inset -1px -1px 0 0 var(--dh-color-bg, #1a171a);transition:color .15s,background-color .15s;max-width:12rem;white-space:nowrap;overflow:hidden}._lm_header_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_1qalq_1{flex-grow:1;padding-right:.25rem}._lm_header_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_before_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1 ._lm_title_before_1qalq_1{display:flex;align-items:center}._lm_header_1qalq_1 ._lm_tab_1qalq_1 ._lm_close_tab_1qalq_1,._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1 ._lm_close_tab_1qalq_1{background-size:8px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-close-tab);mask-position:center center;mask-repeat:no-repeat;mask-size:8px;cursor:pointer;position:relative;width:8px;height:8px;padding:4px;margin-left:-0.25rem;opacity:0;transition:opacity 300ms ease}._lm_selected_1qalq_1 ._lm_header_1qalq_1{background-color:var(--dh-color-golden-layout-tab-selected-bg)}._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1,._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1:hover{height:28px;background-color:var(--dh-color-golden-layout-tab-selected-bg);color:var(--dh-color-text);padding-bottom:0;box-shadow:inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1._lm_focusin_1qalq_1,._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1:hover._lm_focusin_1qalq_1{box-shadow:inset 0 1px var(--dh-color-accent-bg),inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}._lm_window_blur_1qalq_1 ._lm_header_1qalq_1 ._lm_tab_1qalq_1._lm_active_1qalq_1._lm_focusin_1qalq_1{box-shadow:inset -1px 0 0 0 var(--dh-color-bg, #1a171a)}._lm_controls_1qalq_1>li{opacity:.4;transition:opacity 300ms ease;position:relative;background-position:center center;background-repeat:no-repeat}._lm_controls_1qalq_1>li:hover{opacity:1}._lm_controls_1qalq_1 ._lm_popout_1qalq_1{background-size:auto;background-color:var(--dh-color-fg);mask-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=");mask-position:center center;mask-repeat:no-repeat;mask-size:auto}._lm_controls_1qalq_1 ._lm_maximise_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-maximise);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_tabdropdown_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-tab-dropdown);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_close_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-close);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_tabnextbutton_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-next);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_controls_1qalq_1 ._lm_tabpreviousbutton_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-prev);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_tabdropdown_list_1qalq_1{z-index:1000;background:var(--dh-color-popover-bg);box-shadow:0 .1rem 1rem var(--dh-color-dropshadow);border-radius:4px;max-width:12rem;margin:0;padding:0;list-style-type:none}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1{padding:.25rem}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1 input{padding:.42145rem .75rem;line-height:1.3;color:var(--dh-color-input-fg);background-color:var(--dh-color-input-bg);border:1px solid var(--dh-color-input-border);border-radius:4px;max-width:100%}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1 input::placeholder{color:var(--dh-color-input-placeholder);opacity:1}._lm_tabdropdown_list_1qalq_1 ._lm_tabdropdown_search_1qalq_1 input:focus{border-color:var(--dh-color-input-focus-border);box-shadow:0 0 0 .2rem color-mix(in srgb, var(--dh-color-accent) 35%, transparent);outline:0}._lm_tabdropdown_list_1qalq_1 ._lm_tabs_1qalq_1{padding:0}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1{background:transparent;color:var(--dh-color-gray-700);box-shadow:none}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1._lm_keyboard_active_1qalq_1{color:var(--dh-color-gray-700);background-color:var(--dh-color-highlight-selected)}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1._lm_keyboard_active_1qalq_1:hover{background-color:var(--dh-color-highlight-selected-hover)}._lm_tabdropdown_list_1qalq_1 ._lm_tab_1qalq_1:hover{color:var(--dh-color-text);background-color:var(--dh-color-highlight-hover)}._lm_maximised_1qalq_1{border:15px solid color-mix(in srgb, var(--dh-color-bg) 80%, transparent);height:100% !important;width:100% !important}._lm_maximised_1qalq_1 ._lm_items_1qalq_1{box-shadow:0 .1rem 1rem var(--dh-color-dropshadow)}._lm_maximised_1qalq_1 ._lm_controls_1qalq_1 ._lm_maximise_1qalq_1{background-size:16px;background-color:var(--dh-color-fg);mask-image:var(--dh-svg-icon-minimise);mask-position:center center;mask-repeat:no-repeat;mask-size:16px}._lm_tabs_1qalq_1:empty+._lm_controls_1qalq_1 ._lm_maximise_1qalq_1{display:none}
699
575
 
700
576
  /*# sourceMappingURL=GoldenLayout.module.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
577
+ /* stylelint-disable-next-line number-max-precision */
701
578
  .lm_root {
702
579
  position: relative;
703
580
  }
@@ -987,6 +864,7 @@
987
864
  }
988
865
 
989
866
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
867
+ /* stylelint-disable-next-line number-max-precision */
990
868
  .lm_dragging {
991
869
  overflow: hidden;
992
870
  pointer-events: none;
@@ -1002,35 +880,31 @@
1002
880
  }
1003
881
 
1004
882
  body:not(.lm_dragging) .lm_header .lm_tab:not(.lm_active):hover {
1005
- color: #c0bfbf;
1006
- }
1007
-
1008
- .lm_header .lm_tab.lm_active .lm_close_tab {
1009
- background-color: #2d2a2e;
883
+ color: var(--dh-color-gray-700);
1010
884
  }
1011
885
 
1012
886
  body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab {
1013
- background-color: #929192;
887
+ opacity: 0.4;
888
+ transition: opacity 300ms ease;
1014
889
  }
1015
-
1016
- body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1017
- background-color: #fcfcfa;
890
+ body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab:hover {
891
+ opacity: 1;
1018
892
  }
1019
893
 
1020
894
  .lm_goldenlayout {
1021
- background: var(--dh-color-background, #1a171a);
895
+ background: var(--dh-color-bg, #1a171a);
1022
896
  position: absolute;
1023
897
  }
1024
898
 
1025
899
  .lm_content {
1026
- background: #2d2a2e;
900
+ background: var(--dh-color-content-bg, #2d2a2e);
1027
901
  overflow: visible;
1028
902
  }
1029
903
 
1030
904
  .lm_dragProxy .lm_content {
1031
905
  height: 100%;
1032
906
  width: 100%;
1033
- box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
907
+ box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
1034
908
  }
1035
909
  .lm_dragProxy .lm_header {
1036
910
  height: 28px;
@@ -1039,11 +913,11 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1039
913
  .lm_dragProxy .lm_header .lm_tab,
1040
914
  .lm_dragProxy .lm_header .lm_tab.lm_active {
1041
915
  border: 0;
1042
- box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
916
+ box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
1043
917
  }
1044
918
 
1045
919
  .lm_dropTargetIndicator {
1046
- background-image: linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to right, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%), linear-gradient(to bottom, #1a171a 50%, #f0f0ee 50%);
920
+ background-image: linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%), linear-gradient(to right, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%), linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%), linear-gradient(to bottom, var(--dh-color-black, #1a171a) 50%, var(--dh-color-white, #f0f0ee) 50%);
1047
921
  background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
1048
922
  background-position: 0 top, 0 bottom, left 0, right 0;
1049
923
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
@@ -1056,18 +930,18 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1056
930
  .lm_dropTargetIndicator .lm_inner {
1057
931
  box-sizing: border-box;
1058
932
  border: 1px solid transparent;
1059
- box-shadow: inset 0 0 1rem 1px rgba(0, 0, 0, 0.45);
933
+ box-shadow: inset 0 0 1rem 1px var(--dh-color-dropshadow);
1060
934
  opacity: 1;
1061
- background: rgba(72, 120, 234, 0.1);
935
+ background: color-mix(in srgb, var(--dh-color-accent) 10%, transparent);
1062
936
  }
1063
937
 
1064
938
  .lm_splitter {
1065
- background: #929192;
939
+ background: var(--dh-color-gray-600);
1066
940
  opacity: 0.001;
1067
941
  transition: opacity 0.15s ease;
1068
942
  }
1069
943
  .lm_splitter:hover, .lm_splitter.lm_dragging {
1070
- background: #c0bfbf;
944
+ background: var(--dh-color-gray-700);
1071
945
  opacity: 1;
1072
946
  }
1073
947
 
@@ -1075,8 +949,8 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1075
949
  box-sizing: content-box;
1076
950
  height: 28px;
1077
951
  padding-top: 0;
1078
- background: #201e21;
1079
- box-shadow: inset 0 -1px 0 0 #1a171a;
952
+ background: var(--dh-color-golden-layout-tab-header-bg);
953
+ box-shadow: inset 0 -1px 0 0 var(--dh-color-bg, #1a171a);
1080
954
  user-select: none;
1081
955
  }
1082
956
  .lm_header .lm_controls > li {
@@ -1092,14 +966,14 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1092
966
  display: flex;
1093
967
  align-items: center;
1094
968
  font-family: "Fira Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
1095
- background-color: #242125;
1096
- color: #929192;
969
+ background-color: var(--dh-color-golden-layout-tab-bg);
970
+ color: var(--dh-color-gray-600);
1097
971
  height: 28px;
1098
972
  font-size: 12px;
1099
973
  min-width: 5rem;
1100
974
  margin: 0;
1101
975
  padding: 0 0.25rem 0 0.5rem;
1102
- box-shadow: inset -1px -1px 0 0 #1a171a;
976
+ box-shadow: inset -1px -1px 0 0 var(--dh-color-bg, #1a171a);
1103
977
  transition: color 0.15s, background-color 0.15s;
1104
978
  max-width: 12rem;
1105
979
  white-space: nowrap;
@@ -1117,83 +991,106 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1117
991
  }
1118
992
  .lm_header .lm_tab .lm_close_tab,
1119
993
  .lm_tabdropdown_list .lm_tab .lm_close_tab {
994
+ background-size: 8px;
995
+ background-color: var(--dh-color-fg);
996
+ mask-image: var(--dh-svg-icon-close-tab);
997
+ mask-position: center center;
998
+ mask-repeat: no-repeat;
999
+ mask-size: 8px;
1120
1000
  cursor: pointer;
1121
1001
  position: relative;
1122
1002
  width: 8px;
1123
1003
  height: 8px;
1124
1004
  padding: 4px;
1125
1005
  margin-left: -0.25rem;
1126
- background-color: #242125;
1127
- mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E");
1128
- mask-position: center center;
1129
- mask-repeat: no-repeat;
1130
- mask-size: 8px;
1131
- opacity: 1;
1132
- transition: background-color 0.15s;
1133
- }
1134
- .lm_header .lm_tab .lm_close_tab:hover,
1135
- .lm_tabdropdown_list .lm_tab .lm_close_tab:hover {
1136
- opacity: 1;
1006
+ opacity: 0;
1007
+ transition: opacity 300ms ease;
1137
1008
  }
1138
1009
 
1139
1010
  .lm_selected .lm_header {
1140
- background-color: #2d2a2e;
1011
+ background-color: var(--dh-color-golden-layout-tab-selected-bg);
1141
1012
  }
1142
1013
 
1143
1014
  .lm_header .lm_tab.lm_active,
1144
1015
  .lm_header .lm_tab.lm_active:hover {
1145
1016
  height: 28px;
1146
- background-color: #2d2a2e;
1147
- color: #f0f0ee;
1017
+ background-color: var(--dh-color-golden-layout-tab-selected-bg);
1018
+ color: var(--dh-color-text);
1148
1019
  padding-bottom: 0;
1149
- box-shadow: inset -1px 0 0 0 #1a171a;
1020
+ box-shadow: inset -1px 0 0 0 var(--dh-color-bg, #1a171a);
1150
1021
  }
1151
1022
  .lm_header .lm_tab.lm_active.lm_focusin,
1152
1023
  .lm_header .lm_tab.lm_active:hover.lm_focusin {
1153
- box-shadow: inset 0 1px #4878ea, inset -1px 0 0 0 #1a171a;
1024
+ box-shadow: inset 0 1px var(--dh-color-accent-bg), inset -1px 0 0 0 var(--dh-color-bg, #1a171a);
1154
1025
  }
1155
1026
 
1156
1027
  .lm_window_blur .lm_header .lm_tab.lm_active.lm_focusin {
1157
- box-shadow: none;
1028
+ box-shadow: inset -1px 0 0 0 var(--dh-color-bg, #1a171a);
1158
1029
  }
1159
1030
 
1160
1031
  .lm_controls > li {
1032
+ opacity: 0.4;
1033
+ transition: opacity 300ms ease;
1161
1034
  position: relative;
1162
1035
  background-position: center center;
1163
1036
  background-repeat: no-repeat;
1164
- opacity: 0.4;
1165
- transition: opacity 300ms ease;
1166
1037
  }
1167
1038
  .lm_controls > li:hover {
1168
1039
  opacity: 1;
1169
1040
  }
1170
1041
  .lm_controls .lm_popout {
1171
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
1042
+ background-size: auto;
1043
+ background-color: var(--dh-color-fg);
1044
+ mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=");
1045
+ mask-position: center center;
1046
+ mask-repeat: no-repeat;
1047
+ mask-size: auto;
1172
1048
  }
1173
1049
  .lm_controls .lm_maximise {
1174
1050
  background-size: 16px;
1175
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M3 3v10h10V3H3zm9 9H4V4h8v8z'/%3E%3C/svg%3E");
1051
+ background-color: var(--dh-color-fg);
1052
+ mask-image: var(--dh-svg-icon-maximise);
1053
+ mask-position: center center;
1054
+ mask-repeat: no-repeat;
1055
+ mask-size: 16px;
1176
1056
  }
1177
1057
  .lm_controls .lm_tabdropdown {
1178
1058
  background-size: 16px;
1179
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z'/%3E%3C/svg%3E");
1059
+ background-color: var(--dh-color-fg);
1060
+ mask-image: var(--dh-svg-icon-tab-dropdown);
1061
+ mask-position: center center;
1062
+ mask-repeat: no-repeat;
1063
+ mask-size: 16px;
1180
1064
  }
1181
1065
  .lm_controls .lm_close {
1182
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
1066
+ background-size: 16px;
1067
+ background-color: var(--dh-color-fg);
1068
+ mask-image: var(--dh-svg-icon-close);
1069
+ mask-position: center center;
1070
+ mask-repeat: no-repeat;
1071
+ mask-size: 16px;
1183
1072
  }
1184
1073
  .lm_controls .lm_tabnextbutton {
1185
1074
  background-size: 16px;
1186
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z'/%3E%3C/svg%3E");
1075
+ background-color: var(--dh-color-fg);
1076
+ mask-image: var(--dh-svg-icon-next);
1077
+ mask-position: center center;
1078
+ mask-repeat: no-repeat;
1079
+ mask-size: 16px;
1187
1080
  }
1188
1081
  .lm_controls .lm_tabpreviousbutton {
1189
1082
  background-size: 16px;
1190
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f0f0ee' d='M5.928 7.976l4.357 4.357-.618.62L5 8.284v-.618L9.667 3l.618.619-4.357 4.357z'/%3E%3C/svg%3E");
1083
+ background-color: var(--dh-color-fg);
1084
+ mask-image: var(--dh-svg-icon-prev);
1085
+ mask-position: center center;
1086
+ mask-repeat: no-repeat;
1087
+ mask-size: 16px;
1191
1088
  }
1192
1089
 
1193
1090
  .lm_tabdropdown_list {
1194
1091
  z-index: 1000;
1195
- background: #242125;
1196
- box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
1092
+ background: var(--dh-color-popover-bg);
1093
+ box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
1197
1094
  border-radius: 4px;
1198
1095
  max-width: 12rem;
1199
1096
  margin: 0;
@@ -1204,54 +1101,58 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1204
1101
  padding: 0.25rem;
1205
1102
  }
1206
1103
  .lm_tabdropdown_list .lm_tabdropdown_search input {
1207
- padding: 0.375rem 0.75rem;
1208
- line-height: 1.5;
1209
- color: #f0f0ee;
1210
- background-color: #555356;
1211
- border: 1px solid #929192;
1104
+ padding: 0.42145rem 0.75rem;
1105
+ line-height: 1.3;
1106
+ color: var(--dh-color-input-fg);
1107
+ background-color: var(--dh-color-input-bg);
1108
+ border: 1px solid var(--dh-color-input-border);
1212
1109
  border-radius: 4px;
1213
1110
  max-width: 100%;
1214
1111
  }
1215
1112
  .lm_tabdropdown_list .lm_tabdropdown_search input::placeholder {
1216
- color: #929192;
1113
+ color: var(--dh-color-input-placeholder);
1217
1114
  opacity: 1;
1218
1115
  }
1219
1116
  .lm_tabdropdown_list .lm_tabdropdown_search input:focus {
1220
- border-color: rgba(72, 120, 234, 0.85);
1221
- box-shadow: 0 0 0 0.2rem rgba(72, 120, 234, 0.35);
1117
+ border-color: var(--dh-color-input-focus-border);
1118
+ box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dh-color-accent) 35%, transparent);
1222
1119
  outline: 0;
1223
1120
  }
1224
1121
  .lm_tabdropdown_list .lm_tabs {
1225
1122
  padding: 0;
1226
1123
  }
1227
1124
  .lm_tabdropdown_list .lm_tab {
1228
- background: #242125;
1229
- color: #c0bfbf;
1125
+ background: transparent;
1126
+ color: var(--dh-color-gray-700);
1230
1127
  box-shadow: none;
1231
1128
  }
1232
1129
  .lm_tabdropdown_list .lm_tab.lm_keyboard_active {
1233
- color: #c0bfbf;
1234
- background-color: #343e5d;
1130
+ color: var(--dh-color-gray-700);
1131
+ background-color: var(--dh-color-highlight-selected);
1132
+ }
1133
+ .lm_tabdropdown_list .lm_tab.lm_keyboard_active:hover {
1134
+ background-color: var(--dh-color-highlight-selected-hover);
1235
1135
  }
1236
1136
  .lm_tabdropdown_list .lm_tab:hover {
1237
- color: #f0f0ee;
1238
- background-color: #4878ea;
1137
+ color: var(--dh-color-text);
1138
+ background-color: var(--dh-color-highlight-hover);
1239
1139
  }
1240
1140
 
1241
1141
  .lm_maximised {
1242
- border: 15px solid rgba(26, 23, 26, 0.85);
1142
+ border: 15px solid color-mix(in srgb, var(--dh-color-bg) 80%, transparent);
1243
1143
  height: 100% !important;
1244
1144
  width: 100% !important;
1245
1145
  }
1246
1146
  .lm_maximised .lm_items {
1247
- box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.45);
1147
+ box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
1248
1148
  }
1249
1149
  .lm_maximised .lm_controls .lm_maximise {
1250
- opacity: 0.7;
1251
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fcfcfa' d='M14 8v1H3V8h11z'/%3E%3C/svg%3E");
1252
- }
1253
- .lm_maximised .lm_controls .lm_maximise:hover {
1254
- opacity: 1;
1150
+ background-size: 16px;
1151
+ background-color: var(--dh-color-fg);
1152
+ mask-image: var(--dh-svg-icon-minimise);
1153
+ mask-position: center center;
1154
+ mask-repeat: no-repeat;
1155
+ mask-size: 16px;
1255
1156
  }
1256
1157
 
1257
1158
  .lm_tabs:empty + .lm_controls .lm_maximise {
@@ -1264,7 +1165,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1264
1165
  width: 8px;
1265
1166
  height: 8px;
1266
1167
  border-radius: 50%;
1267
- background: #4878ea;
1168
+ background: var(--dh-color-accent-bg);
1268
1169
  }
1269
1170
  .lm_tab .editor-unsaved-indicator.is-unsaved {
1270
1171
  display: inline-block;
@@ -1278,6 +1179,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1278
1179
  }
1279
1180
 
1280
1181
  /*# sourceMappingURL=GoldenLayout.css.map *//* stylelint-disable scss/at-import-no-partial-leading-underscore */
1182
+ /* stylelint-disable-next-line number-max-precision */
1281
1183
  .panel-placeholder {
1282
1184
  display: flex;
1283
1185
  flex-direction: column;
@@ -1293,6 +1195,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1293
1195
 
1294
1196
  /*# sourceMappingURL=PanelPlaceholder.css.map */
1295
1197
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
1198
+ /* stylelint-disable-next-line number-max-precision */
1296
1199
  .panel-error-boundary {
1297
1200
  height: 100%;
1298
1201
  width: 100%;
@@ -1311,6 +1214,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1311
1214
 
1312
1215
  /*# sourceMappingURL=Panel.css.map */
1313
1216
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
1217
+ /* stylelint-disable-next-line number-max-precision */
1314
1218
  .tab-tooltip-grid-container {
1315
1219
  display: grid;
1316
1220
  grid-template-columns: auto 1fr;
@@ -1334,11 +1238,11 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1334
1238
  grid-column: span 2;
1335
1239
  width: 100%;
1336
1240
  margin: 0.25rem 0;
1337
- border-color: #5b5a5c;
1241
+ border-color: var(--dh-color-gray-500);
1338
1242
  }
1339
1243
  .tab-tooltip-grid-container .tab-tooltip-description {
1340
1244
  grid-column: span 2;
1341
- color: #929192;
1245
+ color: var(--dh-color-gray-600);
1342
1246
  padding-bottom: 0.25rem;
1343
1247
  }
1344
1248
  .tab-tooltip-grid-container .tab-tooltip-statistic-value {
@@ -1351,6 +1255,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1351
1255
 
1352
1256
  /*# sourceMappingURL=WidgetPanelTooltip.css.map */
1353
1257
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
1258
+ /* stylelint-disable-next-line number-max-precision */
1354
1259
  .query-status-bar {
1355
1260
  position: absolute;
1356
1261
  bottom: 0;
@@ -1359,25 +1264,26 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1359
1264
  text-align: left;
1360
1265
  display: block;
1361
1266
  padding: 3px 5px;
1362
- background: rgba(45, 42, 46, 0.95);
1363
- color: #c0bfbf;
1364
- border-top: 1px solid #5b5a5c;
1365
- border-right: 1px solid #5b5a5c;
1267
+ background: color-mix(in srgb, var(--dh-color-content-bg) 95%, transparent);
1268
+ color: var(--dh-color-gray-700);
1269
+ border-top: 1px solid var(--dh-color-gray-500);
1270
+ border-right: 1px solid var(--dh-color-gray-500);
1366
1271
  min-width: 400px;
1367
1272
  }
1368
1273
 
1369
1274
  /*# sourceMappingURL=WidgetPanel.css.map */
1370
1275
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
1276
+ /* stylelint-disable-next-line number-max-precision */
1371
1277
  .chart-filter-overlay .chart-filter-overlay-content .waiting-filter-list {
1372
1278
  margin-top: 0.5rem;
1373
1279
  margin-bottom: 1.5rem;
1374
1280
  }
1375
1281
  .chart-filter-overlay .chart-filter-overlay-content .waiting-filter-list .waiting-filter-item svg {
1376
1282
  margin-right: 0.5rem;
1377
- color: #9edc6f;
1283
+ color: var(--dh-color-visual-green);
1378
1284
  }
1379
1285
  .chart-filter-overlay .chart-filter-overlay-content .waiting-filter-list .waiting-filter-item.is-invalid svg {
1380
- color: #929192;
1286
+ color: var(--dh-color-gray-600);
1381
1287
  }
1382
1288
  .chart-filter-overlay .chart-filter-overlay-content .btn {
1383
1289
  margin-bottom: 1rem;
@@ -1390,6 +1296,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1390
1296
 
1391
1297
  /*# sourceMappingURL=ChartFilterOverlay.css.map */
1392
1298
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
1299
+ /* stylelint-disable-next-line number-max-precision */
1393
1300
  .chart-column-selector-overlay .chart-panel-overlay-content .waiting-column-select-list {
1394
1301
  margin-top: 0.5rem;
1395
1302
  margin-bottom: 1.5rem;
@@ -1401,6 +1308,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1401
1308
 
1402
1309
  /*# sourceMappingURL=ChartColumnSelectorOverlay.css.map */
1403
1310
  /* stylelint-disable scss/at-import-no-partial-leading-underscore */
1311
+ /* stylelint-disable-next-line number-max-precision */
1404
1312
  .iris-chart-panel {
1405
1313
  overflow: hidden;
1406
1314
  }
@@ -1412,7 +1320,7 @@ body:not(.lm_dragging) .lm_header .lm_tab .lm_close_tab:hover {
1412
1320
  }
1413
1321
 
1414
1322
  .chart-panel-overlay {
1415
- background-color: rgba(0, 0, 0, 0.5);
1323
+ background-color: color-mix(in srgb, var(--dh-color-black) 50%, transparent);
1416
1324
  position: absolute;
1417
1325
  top: 0;
1418
1326
  bottom: 0;