@gooddata/sdk-ui-charts 10.17.0-alpha.7 → 10.17.0-alpha.9

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.
@@ -1,4 +1,202 @@
1
1
  @charset "UTF-8";
2
+ :root {
3
+ --gd-palette-error-base: #e54d42;
4
+ --gd-palette-info-base: var(--gd-palette-primary-base, #14b2e2);
5
+ --gd-palette-primary-base: #14b2e2;
6
+ --gd-palette-success-base: #00c18d;
7
+ --gd-palette-warning-base: #fada23;
8
+ --gd-palette-complementary-0: #fff;
9
+ --gd-palette-complementary-1: #f5f8fa;
10
+ --gd-palette-complementary-2: #ebeff4;
11
+ --gd-palette-complementary-3: #dde4eb;
12
+ --gd-palette-complementary-4: #ccd8e2;
13
+ --gd-palette-complementary-5: #b0beca;
14
+ --gd-palette-complementary-6: #94a1ad;
15
+ --gd-palette-complementary-7: #6d7680;
16
+ --gd-palette-complementary-8: #464e56;
17
+ --gd-palette-complementary-9: #000;
18
+ --gd-button-borderRadius: 3px;
19
+ --gd-button-textCapitalization: none;
20
+ --gd-tooltip-backgroundColor: var(--gd-palette-complementary-8-from-theme, rgba(70, 78, 86, 0.95));
21
+ --gd-tooltip-color: var(--gd-palette-complementary-0, #fff);
22
+ --gd-modal-borderColor: var(--gd-palette-complementary-3, #dde4eb);
23
+ --gd-modal-borderRadius: 3px;
24
+ --gd-modal-borderWidth: 0;
25
+ --gd-modal-outsideBackgroundColor: var(--gd-palette-complementary-2-from-theme, #eff1f3);
26
+ --gd-modal-title-color: var(--gd-palette-complementary-9, #000);
27
+ --gd-modal-title-lineColor: var(--gd-palette-complementary-3, #dde4eb);
28
+ --gd-chart-axisColor: var(--gd-palette-complementary-4-from-theme, #ccd6eb);
29
+ --gd-chart-axisLabelColor: var(--gd-palette-complementary-7, #6d7680);
30
+ --gd-chart-axisValueColor: var(--gd-palette-complementary-6, #94a1ad);
31
+ --gd-chart-backgroundColor: var(--gd-palette-complementary-0, #fff);
32
+ --gd-chart-gridColor: var(--gd-palette-complementary-3-from-theme, #ebebeb);
33
+ --gd-chart-legendValueColor: var(--gd-palette-complementary-7, #6d7680);
34
+ --gd-chart-tooltipBackgroundColor: var(
35
+ --gd-palette-complementary-0-from-theme,
36
+ rgba(255, 255, 255, 0.95)
37
+ );
38
+ --gd-chart-tooltipBorderColor: var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.7));
39
+ --gd-chart-tooltipLabelColor: var(
40
+ --gd-palette-complementary-6-from-theme,
41
+ var(--gd-palette-complementary-9, #000)
42
+ );
43
+ --gd-chart-tooltipValueColor: var(--gd-palette-complementary-9, #000);
44
+ --gd-chart-legendLabelColor: var(--gd-palette-complementary-5, #b0beca);
45
+ --gd-table-backgroundColor: var(--gd-palette-complementary-0, #fff);
46
+ --gd-table-gridColor: var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5));
47
+ --gd-table-headerHoverBackgroundColor: var(
48
+ --gd-palette-complementary-1-from-theme,
49
+ var(--gd-palette-primary-dimmed, #e8f7fc)
50
+ );
51
+ --gd-table-headerLabelColor: var(
52
+ --gd-palette-complementary-7-from-theme,
53
+ var(--gd-palette-complementary-8, #464e56)
54
+ );
55
+ --gd-table-hoverBackgroundColor: var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1));
56
+ --gd-table-loadingIconColor: var(--gd-palette-complementary-6, #94a1ad);
57
+ --gd-table-nullValueColor: var(--gd-palette-complementary-6, #94a1ad);
58
+ --gd-table-subtotalBackgroundColor: var(
59
+ --gd-palette-complementary-1-from-theme,
60
+ rgba(176, 190, 202, 0.1)
61
+ );
62
+ --gd-table-totalBackgroundColor: var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2));
63
+ --gd-table-totalValueColor: var(--gd-palette-complementary-9, #000);
64
+ --gd-table-valueColor: var(--gd-palette-complementary-8, #464e56);
65
+ --gd-kpi-primaryMeasureColor: var(--gd-palette-complementary-9, #000);
66
+ --gd-kpi-secondaryInfoColor: var(--gd-palette-complementary-3-from-theme, rgba(176, 190, 202, 0.5));
67
+ --gd-analyticalDesigner-title-color: var(--gd-palette-complementary-8, #464e56);
68
+ --gd-dashboards-content-backgroundColor: var(--gd-palette-complementary-0, #fff);
69
+ --gd-dashboards-content-kpiWidget-backgroundColor: var(
70
+ --gd-dashboards-content-widget-backgroundColor,
71
+ var(--gd-palette-complementary-0, #fff)
72
+ );
73
+ --gd-dashboards-content-kpiWidget-borderColor: var(
74
+ --gd-dashboards-content-widget-borderColor,
75
+ transparent
76
+ );
77
+ --gd-dashboards-content-kpiWidget-borderRadius: var(--gd-dashboards-content-widget-borderRadius, 15px);
78
+ --gd-dashboards-content-kpiWidget-borderWidth: var(--gd-dashboards-content-widget-borderWidth, 2px);
79
+ --gd-dashboards-content-kpiWidget-dropShadow: var(--gd-dashboards-content-widget-dropShadow, none);
80
+ --gd-dashboards-content-kpiWidget-kpi-primaryMeasureColor: var(
81
+ --gd-palette-complementary-9-from-theme,
82
+ #6d7680
83
+ );
84
+ --gd-dashboards-content-kpiWidget-kpi-secondaryInfoColor: var(--gd-palette-complementary-6, #94a1ad);
85
+ --gd-dashboards-content-kpiWidget-title-color: var(
86
+ --gd-dashboards-content-widget-title-color,
87
+ var(--gd-palette-complementary-8, #464e56)
88
+ );
89
+ --gd-dashboards-content-kpiWidget-title-textAlign: var(
90
+ --gd-dashboards-content-widget-title-textAlign,
91
+ center
92
+ );
93
+ --gd-dashboards-content-widget-backgroundColor: var(--gd-palette-complementary-0, #fff);
94
+ --gd-dashboards-content-widget-borderColor: transparent;
95
+ --gd-dashboards-content-widget-borderRadius: 15px;
96
+ --gd-dashboards-content-widget-borderWidth: 2px;
97
+ --gd-dashboards-content-widget-chart-backgroundColor: var(
98
+ --gd-dashboards-content-widget-backgroundColor,
99
+ var(--gd-palette-complementary-0, #fff)
100
+ );
101
+ --gd-dashboards-content-widget-dropShadow: none;
102
+ --gd-dashboards-content-widget-table-backgroundColor: var(
103
+ --gd-dashboards-content-widget-backgroundColor,
104
+ var(--gd-palette-complementary-0, #fff)
105
+ );
106
+ --gd-dashboards-content-widget-title-color: var(--gd-palette-complementary-8, #464e56);
107
+ --gd-dashboards-content-widget-title-textAlign: center;
108
+ --gd-dashboards-filterBar-backgroundColor: var(--gd-palette-complementary-0, #fff);
109
+ --gd-dashboards-filterBar-borderColor: var(--gd-palette-complementary-3, #dde4eb);
110
+ --gd-dashboards-filterBar-filterButton-backgroundColor: transparent;
111
+ --gd-dashboards-navigation-backgroundColor: var(--gd-palette-complementary-1-from-theme, #303442);
112
+ --gd-dashboards-navigation-borderColor: var(
113
+ --gd-palette-complementary-4-from-theme,
114
+ rgba(148, 161, 173, 0.2)
115
+ );
116
+ --gd-dashboards-navigation-title-color: var(--gd-palette-complementary-6, #94a1ad);
117
+ --gd-dashboards-navigation-item-color: var(--gd-palette-complementary-8-from-theme, #94a1ad);
118
+ --gd-dashboards-navigation-item-hoverColor: var(--gd-palette-complementary-9-from-theme, #fff);
119
+ --gd-dashboards-navigation-item-selectedColor: var(--gd-palette-complementary-9-from-theme, #fff);
120
+ --gd-dashboards-navigation-item-selectedBackgroundColor: var(
121
+ --gd-palette-complementary-0-from-theme,
122
+ #131c28
123
+ );
124
+ --gd-dashboards-section-description-color: var(--gd-palette-complementary-6, #94a1ad);
125
+ --gd-dashboards-section-title-color: var(--gd-palette-complementary-8, #464e56);
126
+ --gd-dashboards-section-title-lineColor: var(--gd-palette-complementary-3, #dde4eb);
127
+ --gd-dashboards-title-backgroundColor: var(--gd-palette-complementary-0, #fff);
128
+ --gd-dashboards-title-color: var(--gd-palette-complementary-8, #464e56);
129
+ --gd-dashboards-title-borderColor: var(--gd-palette-complementary-3, #dde4eb);
130
+ --gd-palette-error-base-d10: #d62a1e;
131
+ --gd-palette-error-base-d20: #aa2117;
132
+ --gd-palette-error-base-t02: rgba(229, 77, 66, 0.98);
133
+ --gd-palette-error-base-t10: rgba(229, 77, 66, 0.9);
134
+ --gd-palette-error-base-t50: rgba(229, 77, 66, 0.5);
135
+ --gd-palette-error-base-t70d20: rgba(170, 33, 23, 0.3);
136
+ --gd-palette-error-base-t85: rgba(229, 77, 66, 0.15);
137
+ --gd-palette-error-dimmed: #fcedec;
138
+ --gd-palette-error-dimmed90: #e75e54;
139
+ --gd-palette-error-disabled: rgba(241, 161, 156, 0.6);
140
+ --gd-palette-error-focus: rgba(235, 119, 111, 0.6);
141
+ --gd-palette-error-lightest: #fff2f1;
142
+ --gd-palette-info-base-t02: var(--gd-palette-primary-base-t02, rgba(20, 178, 226, 0.98));
143
+ --gd-palette-info-base-t85: var(--gd-palette-primary-base-t85, rgba(20, 178, 226, 0.15));
144
+ --gd-palette-primary-base-d06: #129cc6;
145
+ --gd-palette-primary-base-d12: #0f86aa;
146
+ --gd-palette-primary-base-darken20: #0c6884;
147
+ --gd-palette-primary-base-dimmed-darken03: #daf2fa;
148
+ --gd-palette-primary-base-lighten45: #dff5fc;
149
+ --gd-palette-primary-base-mix15-white: rgba(220, 243, 251, 0.925);
150
+ --gd-palette-primary-base-t02: rgba(20, 178, 226, 0.98);
151
+ --gd-palette-primary-base-t10: rgba(20, 178, 226, 0.9);
152
+ --gd-palette-primary-base-t25: rgba(20, 178, 226, 0.75);
153
+ --gd-palette-primary-base-t50: rgba(20, 178, 226, 0.5);
154
+ --gd-palette-primary-base-t70: rgba(20, 178, 226, 0.3);
155
+ --gd-palette-primary-base-t80: rgba(20, 178, 226, 0.2);
156
+ --gd-palette-primary-base-t85: rgba(20, 178, 226, 0.15);
157
+ --gd-palette-primary-base-t90: rgba(20, 178, 226, 0.1);
158
+ --gd-palette-primary-dimmed: #e8f7fc;
159
+ --gd-palette-primary-dimmed50: #8ad9f1;
160
+ --gd-palette-primary-disabled: rgba(69, 199, 239, 0.6);
161
+ --gd-palette-primary-focus: rgba(41, 190, 236, 0.6);
162
+ --gd-palette-primary-lightest: #dff5fc;
163
+ --gd-palette-success-base-d06: #00a277;
164
+ --gd-palette-success-base-d12: #008460;
165
+ --gd-palette-success-base-t02: rgba(0, 193, 141, 0.98);
166
+ --gd-palette-success-base-t85: rgba(0, 193, 141, 0.15);
167
+ --gd-palette-success-dimmed: #e5f8f3;
168
+ --gd-palette-success-disabled: rgba(0, 224, 163, 0.5);
169
+ --gd-palette-success-focus: rgba(0, 224, 163, 0.5);
170
+ --gd-palette-warning-base-t50: rgba(250, 218, 35, 0.5);
171
+ --gd-palette-warning-base-t70d20: rgba(179, 153, 4, 0.3);
172
+ --gd-palette-warning-base-t85: rgba(250, 218, 35, 0.15);
173
+ --gd-palette-warning-dimmed: #fef8d3;
174
+ --gd-palette-warning-dimmed40: #8e8642;
175
+ --gd-palette-warning-text-dimmed: #6a6a4c;
176
+ --gd-palette-warning-low-base-m80: #d0f0f9;
177
+ --gd-palette-warning-medium-base-m80: #fef8d3;
178
+ --gd-palette-warning-high-base-m80: #fadbd9;
179
+ --gd-palette-complementary-0-t10: rgba(255, 255, 255, 0.95);
180
+ --gd-palette-complementary-0-t50: rgba(255, 255, 255, 0.5);
181
+ --gd-palette-complementary-5-t40: rgba(176, 190, 202, 0.6);
182
+ --gd-palette-complementary-9-t80: rgba(0, 0, 0, 0.2);
183
+ --gd-palette-complementary-9-t85: rgba(0, 0, 0, 0.15);
184
+ --gd-palette-complementary-9-t90: rgba(0, 0, 0, 0.1);
185
+ --gd-shadow-color: rgba(20, 56, 93, 0.15);
186
+ --gd-font-family: gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
187
+ --gd-spacing-10px: 10px;
188
+ --gd-spacing-15px: 15px;
189
+ --gd-spacing-20px: 20px;
190
+ --gd-spacing-5px: 5px;
191
+ --gd-spacing-6px: 6px;
192
+ --gd-spacing-7px: 7px;
193
+ --gd-transition-all: all 0.25s ease-in-out;
194
+ --gd-button-L: 38px;
195
+ --gd-button-M: 32px;
196
+ --gd-button-S: 27px;
197
+ --gd-icon-fill-color: var(--gd-palette-complementary-9);
198
+ }
199
+
2
200
  /* ==========================================================================
3
201
  Variables
4
202
  ========================================================================== */
@@ -85,16 +283,16 @@
85
283
  }
86
284
  .viz-legend .paging button.paging-button, .viz-legend .paging button.paging-button:hover, .viz-legend .paging button.paging-button:focus, .viz-legend .paging button.paging-button:active {
87
285
  text-decoration: none;
88
- background-color: var(--gd-palette-complementary-2, var(--gd-palette-complementary-2, #ebeff4));
286
+ background-color: var(--gd-palette-complementary-2-from-theme, var(--gd-palette-complementary-2, #ebeff4));
89
287
  }
90
288
  .viz-legend .paging button.paging-button::before, .viz-legend .paging button.paging-button:hover::before, .viz-legend .paging button.paging-button:focus::before, .viz-legend .paging button.paging-button:active::before {
91
- color: var(--gd-palette-complementary-7, #000);
289
+ color: var(--gd-palette-complementary-7-from-theme, #000);
92
290
  }
93
291
  .viz-legend .paging button.paging-button:hover::before {
94
292
  color: var(--gd-palette-primary-base, #14b2e2);
95
293
  }
96
294
  .viz-legend .paging button.paging-button[disabled], .viz-legend .paging button.paging-button[disabled]:hover, .viz-legend .paging button.paging-button[disabled]:focus, .viz-legend .paging button.paging-button[disabled]:active {
97
- background-color: var(--gd-palette-complementary-1, rgba(235, 239, 244, 0.5));
295
+ background-color: var(--gd-palette-complementary-1-from-theme, rgba(235, 239, 244, 0.5));
98
296
  }
99
297
  .viz-legend .paging button.paging-button[disabled]::before, .viz-legend .paging button.paging-button[disabled]:hover::before, .viz-legend .paging button.paging-button[disabled]:focus::before, .viz-legend .paging button.paging-button[disabled]:active::before {
100
298
  color: var(--gd-palette-complementary-5, #b0beca);
@@ -404,7 +602,7 @@
404
602
  }
405
603
  .legend-popup-dialog .legend-content {
406
604
  flex: 1 1 auto;
407
- background-color: var(--gd-chart-backgroundColor, var(--gd-palette-complementary-0, white));
605
+ background-color: var(--gd-chart-backgroundColor, var(--gd-palette-complementary-0, #fff));
408
606
  padding: 15px;
409
607
  }
410
608
 
@@ -412,9 +610,9 @@
412
610
  position: relative;
413
611
  z-index: 5002;
414
612
  min-height: 148px;
415
- border: 1px solid var(--gd-palette-complementary-3, rgba(201, 213, 224, 0.5));
613
+ border: 1px solid var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.5));
416
614
  border-radius: 5px;
417
- box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
615
+ box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
418
616
  background: var(--gd-palette-complementary-2, #ebeff4);
419
617
  }
420
618
  .legend-popup-dialog-content::after, .legend-popup-dialog-content::before {
@@ -487,7 +685,7 @@
487
685
  }
488
686
  .target-tr.self-tl .legend-popup-dialog-content::before,
489
687
  .target-br.self-bl .legend-popup-dialog-content::before {
490
- border-right-color: var(--gd-palette-complementary-3, rgba(201, 213, 224, 0.5));
688
+ border-right-color: var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.5));
491
689
  }
492
690
  .target-tr.self-tl .legend-popup-dialog-content::after,
493
691
  .target-br.self-bl .legend-popup-dialog-content::after {
@@ -509,7 +707,7 @@
509
707
  .target-tl.self-tr .legend-popup-dialog-content::before,
510
708
  .target-bl.self-br .legend-popup-dialog-content::before,
511
709
  .target-cc.self-cr .legend-popup-dialog-content::before {
512
- border-left-color: var(--gd-palette-complementary-3, rgba(201, 213, 224, 0.5));
710
+ border-left-color: var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.5));
513
711
  }
514
712
 
515
713
  .target-br.self-bl .legend-popup-dialog-content::before, .target-br.self-bl .legend-popup-dialog-content::after,
@@ -587,7 +785,7 @@
587
785
  .target-cc.self-tc .legend-popup-dialog-content::before,
588
786
  .target-cl.self-tl .legend-popup-dialog-content::before,
589
787
  .target-cr.self-tr .legend-popup-dialog-content::before {
590
- border-bottom-color: var(--gd-palette-complementary-3, rgba(201, 213, 224, 0.5));
788
+ border-bottom-color: var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.5));
591
789
  }
592
790
  .target-bc.self-tc .legend-popup-dialog-content::after,
593
791
  .target-bl.self-tl .legend-popup-dialog-content::after,
@@ -608,7 +806,7 @@
608
806
  .target-tc.self-bc .legend-popup-dialog-content::before,
609
807
  .target-tl.self-bl .legend-popup-dialog-content::before,
610
808
  .target-tr.self-br .legend-popup-dialog-content::before {
611
- border-top-color: var(--gd-palette-complementary-3, rgba(201, 213, 224, 0.5));
809
+ border-top-color: var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.5));
612
810
  }
613
811
  .target-tc.self-bc .legend-popup-dialog-content::after,
614
812
  .target-tl.self-bl .legend-popup-dialog-content::after,
@@ -644,8 +842,8 @@
644
842
  position: relative;
645
843
  border-radius: 3px;
646
844
  font-family: gdcustomfont, "Avenir", "Helvetica Neue", arial, sans-serif;
647
- color: var(--gd-chart-tooltipLabelColor, var(--gd-palette-complementary-6, var(--gd-palette-complementary-9, #000)));
648
- background-color: var(--gd-chart-tooltipBackgroundColor, var(--gd-palette-complementary-0, rgba(255, 255, 255, 0.95)));
845
+ color: var(--gd-chart-tooltipLabelColor, var(--gd-palette-complementary-6-from-theme, var(--gd-palette-complementary-9, #000)));
846
+ background-color: var(--gd-chart-tooltipBackgroundColor, var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95)));
649
847
  }
650
848
 
651
849
  .gd-viz-tooltip-stroke {
@@ -654,7 +852,7 @@
654
852
  right: 0;
655
853
  left: 0;
656
854
  height: 0;
657
- border-top: 3px solid var(--gd-palette-complementary-3, #848484);
855
+ border-top: 3px solid var(--gd-palette-complementary-3-from-theme, #848484);
658
856
  border-top-left-radius: 3px;
659
857
  border-top-right-radius: 3px;
660
858
  }
@@ -664,8 +862,8 @@
664
862
  padding: 10px 9px 9px;
665
863
  border-radius: 3px;
666
864
  border: 1px solid;
667
- border-color: var(--gd-chart-tooltipBorderColor, var(--gd-palette-complementary-3, rgba(201, 213, 224, 0.7)));
668
- box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
865
+ border-color: var(--gd-chart-tooltipBorderColor, var(--gd-palette-complementary-3-from-theme, rgba(201, 213, 224, 0.7)));
866
+ box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
669
867
  line-height: 1.3;
670
868
  white-space: normal;
671
869
  }
@@ -691,7 +889,7 @@
691
889
  white-space: nowrap;
692
890
  text-overflow: ellipsis;
693
891
  text-align: left;
694
- color: var(--gd-chart-tooltipLabelColor, var(--gd-palette-complementary-7, #6d7680));
892
+ color: var(--gd-chart-tooltipLabelColor-from-theme, var(--gd-palette-complementary-7, #6d7680));
695
893
  }
696
894
 
697
895
  .gd-viz-tooltip-value-wraper {
@@ -724,7 +922,7 @@
724
922
  width: 1em;
725
923
  height: 1em;
726
924
  margin-top: 0.2em;
727
- background: var(--gd-chart-tooltipBackgroundColor, var(--gd-palette-complementary-0, rgba(255, 255, 255, 0.95)));
925
+ background: var(--gd-chart-tooltipBackgroundColor, var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95)));
728
926
  }
729
927
 
730
928
  .gd-viz-tooltip-value-max-content {
@@ -854,7 +1052,7 @@
854
1052
 
855
1053
  .gd-contrast-label,
856
1054
  .gd-contrast-label text {
857
- fill: var(--gd-palette-complementary-9, "#000");
1055
+ fill: var(--gd-palette-complementary-9, #000);
858
1056
  }
859
1057
 
860
1058
  .gd-chart-forecasting {
@@ -972,14 +1170,14 @@
972
1170
  .headline-compare-section.headline-paginated-compare-section button.second-item:focus,
973
1171
  .headline-compare-section.headline-paginated-compare-section button.second-item:active {
974
1172
  text-decoration: none;
975
- background-color: var(--gd-palette-complementary-2, #eee);
1173
+ background-color: var(--gd-palette-complementary-2-from-theme, #eee);
976
1174
  }
977
1175
  .headline-compare-section.headline-paginated-compare-section button.first-item::before, .headline-compare-section.headline-paginated-compare-section button.first-item:hover::before, .headline-compare-section.headline-paginated-compare-section button.first-item:focus::before, .headline-compare-section.headline-paginated-compare-section button.first-item:active::before,
978
1176
  .headline-compare-section.headline-paginated-compare-section button.second-item::before,
979
1177
  .headline-compare-section.headline-paginated-compare-section button.second-item:hover::before,
980
1178
  .headline-compare-section.headline-paginated-compare-section button.second-item:focus::before,
981
1179
  .headline-compare-section.headline-paginated-compare-section button.second-item:active::before {
982
- color: var(--gd-palette-complementary-7, #000);
1180
+ color: var(--gd-palette-complementary-7-from-theme, #000);
983
1181
  }
984
1182
  .headline-compare-section.headline-paginated-compare-section button.first-item:hover::before,
985
1183
  .headline-compare-section.headline-paginated-compare-section button.second-item:hover::before {
@@ -990,7 +1188,7 @@
990
1188
  .headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:hover,
991
1189
  .headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:focus,
992
1190
  .headline-compare-section.headline-paginated-compare-section button.second-item[disabled]:active {
993
- background-color: var(--gd-palette-complementary-1, rgba(238, 238, 238, 0.5));
1191
+ background-color: var(--gd-palette-complementary-1-from-theme, rgba(238, 238, 238, 0.5));
994
1192
  }
995
1193
  .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]::before, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:hover::before, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:focus::before, .headline-compare-section.headline-paginated-compare-section button.first-item[disabled]:active::before,
996
1194
  .headline-compare-section.headline-paginated-compare-section button.second-item[disabled]::before,
@@ -1050,7 +1248,7 @@
1050
1248
  }
1051
1249
  .headline-compare-section.gd-small .kpi-pop-section-item.kpi-pop-period, .headline-compare-section.gd-shortened-label .kpi-pop-section-item.kpi-pop-period {
1052
1250
  border-left: 0;
1053
- border-bottom: 1px dashed var(--gd-dashboards-content-kpiWidget-kpi-secondaryInfoColor, var(--gd-palette-complementary-3, rgba(176, 190, 202, 0.5)));
1251
+ border-bottom: 1px dashed var(--gd-dashboards-content-kpiWidget-kpi-secondaryInfoColor-from-theme, var(--gd-palette-complementary-3-from-theme, rgba(176, 190, 202, 0.5)));
1054
1252
  padding: 0 0 10px;
1055
1253
  text-align: center;
1056
1254
  }
@@ -1070,7 +1268,7 @@
1070
1268
  .headline-compare-section.gd-small .headline-compare-item:nth-child(2), .headline-compare-section.gd-shortened-label .headline-secondary-item,
1071
1269
  .headline-compare-section.gd-shortened-label .headline-compare-item:nth-child(2) {
1072
1270
  border-left: 0;
1073
- border-bottom: 1px dashed var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-3, rgba(176, 190, 202, 0.5)));
1271
+ border-bottom: 1px dashed var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-3-from-theme, rgba(176, 190, 202, 0.5)));
1074
1272
  padding: 0 0 10px;
1075
1273
  text-align: center;
1076
1274
  }
@@ -1121,7 +1319,7 @@
1121
1319
  opacity: 0.6;
1122
1320
  }
1123
1321
  .headline .headline-primary-item .headline-value--empty {
1124
- color: var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-6, #b0beca));
1322
+ color: var(--gd-kpi-secondaryInfoColor-from-theme, var(--gd-palette-complementary-6-from-theme, #b0beca));
1125
1323
  }
1126
1324
  .headline .headline-primary-item.gd-flex-item {
1127
1325
  overflow: hidden;
@@ -1172,7 +1370,7 @@
1172
1370
  }
1173
1371
  .headline .headline-secondary-item,
1174
1372
  .headline .headline-compare-item:nth-child(2) {
1175
- border-left: 1px dashed var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-3, rgba(176, 190, 202, 0.5)));
1373
+ border-left: 1px dashed var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-3-from-theme, rgba(176, 190, 202, 0.5)));
1176
1374
  }
1177
1375
  .headline .headline-primary-item .headline-value,
1178
1376
  .headline .headline-secondary-item .headline-value,
@@ -1182,7 +1380,7 @@
1182
1380
  line-height: 115%;
1183
1381
  }
1184
1382
  .headline .headline-value--empty {
1185
- color: var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-6, #b0beca));
1383
+ color: var(--gd-kpi-secondaryInfoColor-from-theme, var(--gd-palette-complementary-6-from-theme, #b0beca));
1186
1384
  }
1187
1385
  .headline .headline-item-link .headline-value::after {
1188
1386
  content: "";
@@ -1204,7 +1402,7 @@
1204
1402
  overflow: hidden;
1205
1403
  margin-top: 10px;
1206
1404
  margin-bottom: 15px;
1207
- color: var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-6, #94a1ad));
1405
+ color: var(--gd-kpi-secondaryInfoColor-from-theme, var(--gd-palette-complementary-6, #94a1ad));
1208
1406
  }
1209
1407
  .headline .headline-paginated-compare-section {
1210
1408
  height: 40px;
@@ -1226,7 +1424,7 @@
1226
1424
  overflow: hidden;
1227
1425
  margin: 0;
1228
1426
  padding: 0 15px;
1229
- color: var(--gd-kpi-secondaryInfoColor, var(--gd-palette-complementary-6, #94a1ad));
1427
+ color: var(--gd-kpi-secondaryInfoColor-from-theme, var(--gd-palette-complementary-6, #94a1ad));
1230
1428
  }
1231
1429
  .headline .headline-compare-section-item .headline-title-wrapper,
1232
1430
  .headline .headline-compare-section-item .headline-value-wrapper {
@@ -4088,7 +4286,7 @@
4088
4286
  }
4089
4287
  .gd-repeater.ag-theme-balham {
4090
4288
  -webkit-font-smoothing: antialiased;
4091
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4289
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4092
4290
  font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
4093
4291
  font-size: 12px;
4094
4292
  line-height: normal;
@@ -4353,7 +4551,7 @@
4353
4551
  box-shadow: 0 0 2px 1px #719ECE;
4354
4552
  }
4355
4553
  .gd-repeater.ag-theme-balham .ag-drag-handle {
4356
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4554
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4357
4555
  }
4358
4556
  .gd-repeater.ag-theme-balham .ag-list-item, .gd-repeater.ag-theme-balham .ag-virtual-list-item {
4359
4557
  height: 24px;
@@ -4387,7 +4585,7 @@
4387
4585
  text-overflow: ellipsis;
4388
4586
  }
4389
4587
  .gd-repeater.ag-theme-balham .ag-list-item.ag-active-item {
4390
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
4588
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
4391
4589
  }
4392
4590
  .gd-repeater.ag-theme-balham .ag-select-list-item {
4393
4591
  padding-left: 4px;
@@ -4444,7 +4642,7 @@
4444
4642
  height: 24px;
4445
4643
  }
4446
4644
  .gd-repeater.ag-theme-balham .ag-rich-select-virtual-list-item:hover {
4447
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
4645
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
4448
4646
  }
4449
4647
  .gd-repeater.ag-theme-balham .ag-rich-select-row {
4450
4648
  padding-left: 12px;
@@ -4456,7 +4654,7 @@
4456
4654
  .gd-repeater.ag-theme-balham .ag-selection-checkbox,
4457
4655
  .gd-repeater.ag-theme-balham .ag-group-expanded,
4458
4656
  .gd-repeater.ag-theme-balham .ag-group-contracted {
4459
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4657
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4460
4658
  }
4461
4659
  .gd-repeater.ag-theme-balham .ag-ltr .ag-row-drag, .gd-repeater.ag-theme-balham .ag-ltr .ag-selection-checkbox, .gd-repeater.ag-theme-balham .ag-ltr .ag-group-expanded, .gd-repeater.ag-theme-balham .ag-ltr .ag-group-contracted {
4462
4660
  margin-right: 12px;
@@ -4479,7 +4677,7 @@
4479
4677
  .gd-repeater.ag-theme-balham .ag-group-title-bar-icon {
4480
4678
  cursor: pointer;
4481
4679
  flex: none;
4482
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4680
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4483
4681
  }
4484
4682
  .gd-repeater.ag-theme-balham .ag-ltr .ag-group-child-count {
4485
4683
  margin-left: 2px;
@@ -4540,7 +4738,7 @@
4540
4738
  margin-left: -3px;
4541
4739
  margin-top: -4px;
4542
4740
  border-radius: 3px;
4543
- background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4741
+ background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4544
4742
  }
4545
4743
  .gd-repeater.ag-theme-balham .ag-picker-field-wrapper {
4546
4744
  border: 1px solid;
@@ -4552,7 +4750,7 @@
4552
4750
  }
4553
4751
  .gd-repeater.ag-theme-balham .ag-picker-field-button {
4554
4752
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
4555
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4753
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4556
4754
  }
4557
4755
  .gd-repeater.ag-theme-balham .ag-dialog.ag-color-dialog {
4558
4756
  border-radius: 5px;
@@ -4619,7 +4817,7 @@
4619
4817
  padding: 4px;
4620
4818
  overflow: hidden;
4621
4819
  text-overflow: ellipsis;
4622
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4820
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4623
4821
  height: 32px !important;
4624
4822
  line-height: 32px;
4625
4823
  margin: 0;
@@ -4628,7 +4826,7 @@
4628
4826
  }
4629
4827
  .gd-repeater.ag-theme-balham .ag-dnd-ghost-icon {
4630
4828
  margin-right: 4px;
4631
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4829
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4632
4830
  }
4633
4831
  .gd-repeater.ag-theme-balham .ag-popup-child:not(.ag-tooltip-custom) {
4634
4832
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
@@ -4645,7 +4843,7 @@
4645
4843
  }
4646
4844
  .gd-repeater.ag-theme-balham .ag-panel-title-bar {
4647
4845
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
4648
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
4846
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
4649
4847
  height: 32px;
4650
4848
  padding: 4px 12px;
4651
4849
  }
@@ -4659,7 +4857,7 @@
4659
4857
 
4660
4858
  .gd-repeater.ag-theme-balham .ag-tooltip {
4661
4859
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
4662
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
4860
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
4663
4861
  padding: 4px;
4664
4862
  border-radius: 2px;
4665
4863
  transition: opacity 1s;
@@ -7230,7 +7428,7 @@
7230
7428
  .gd-repeater.ag-theme-balham .ag-row {
7231
7429
  height: 28px;
7232
7430
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
7233
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
7431
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
7234
7432
  border-width: 1px;
7235
7433
  border-color: rgba(26, 26, 26, 0);
7236
7434
  border-bottom-style: solid;
@@ -7264,7 +7462,7 @@
7264
7462
  border-left-color: transparent;
7265
7463
  }
7266
7464
  .gd-repeater.ag-theme-balham .ag-row-hover {
7267
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
7465
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
7268
7466
  }
7269
7467
  .gd-repeater.ag-theme-balham .ag-column-hover {
7270
7468
  background-color: #ecf0f1;
@@ -7526,7 +7724,7 @@
7526
7724
  border-top-color: transparent;
7527
7725
  }
7528
7726
  .gd-repeater.ag-theme-balham .ag-menu-option-active, .gd-repeater.ag-theme-balham .ag-compact-menu-option-active {
7529
- background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
7727
+ background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
7530
7728
  }
7531
7729
  .gd-repeater.ag-theme-balham .ag-menu-option-part, .gd-repeater.ag-theme-balham .ag-compact-menu-option-part {
7532
7730
  line-height: 16px;
@@ -7596,7 +7794,7 @@
7596
7794
  border-bottom-color: #0091ea;
7597
7795
  }
7598
7796
  .gd-repeater.ag-theme-balham .ag-menu-header {
7599
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
7797
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
7600
7798
  }
7601
7799
  .gd-repeater.ag-theme-balham .ag-filter-separator {
7602
7800
  border-top: solid 1px;
@@ -7708,7 +7906,7 @@
7708
7906
  padding-top: 16px;
7709
7907
  width: 20px;
7710
7908
  position: relative;
7711
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
7909
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
7712
7910
  overflow: hidden;
7713
7911
  }
7714
7912
  .gd-repeater.ag-theme-balham button.ag-side-button-button {
@@ -8008,7 +8206,7 @@
8008
8206
  }
8009
8207
  .gd-repeater.ag-theme-balham .ag-column-group-icons,
8010
8208
  .gd-repeater.ag-theme-balham .ag-column-select-header-icon {
8011
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8209
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8012
8210
  }
8013
8211
  .gd-repeater.ag-theme-balham .ag-column-select-list .ag-list-item-hovered::after {
8014
8212
  content: "";
@@ -8030,7 +8228,7 @@
8030
8228
  border-bottom-color: transparent;
8031
8229
  }
8032
8230
  .gd-repeater.ag-theme-balham .ag-header-row {
8033
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
8231
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
8034
8232
  height: 32px;
8035
8233
  }
8036
8234
  .gd-repeater.ag-theme-balham .ag-pinned-right-header {
@@ -8099,7 +8297,7 @@
8099
8297
  border-color: #719ECE;
8100
8298
  }
8101
8299
  .gd-repeater.ag-theme-balham .ag-header-icon {
8102
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8300
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8103
8301
  }
8104
8302
  .gd-repeater.ag-theme-balham .ag-header-expand-icon {
8105
8303
  cursor: pointer;
@@ -8124,7 +8322,7 @@
8124
8322
  .gd-repeater.ag-theme-balham .ag-header-group-cell:first-of-type.ag-column-resizing,
8125
8323
  .gd-repeater.ag-theme-balham .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
8126
8324
  .gd-repeater.ag-theme-balham .ag-header-cell:first-of-type.ag-column-resizing {
8127
- background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
8325
+ background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
8128
8326
  }
8129
8327
  .gd-repeater.ag-theme-balham .ag-header-cell::after,
8130
8328
  .gd-repeater.ag-theme-balham .ag-header-group-cell::after {
@@ -8185,7 +8383,7 @@
8185
8383
  .gd-repeater.ag-theme-balham .ag-paging-panel {
8186
8384
  border-top: 1px solid;
8187
8385
  border-top-color: transparent;
8188
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8386
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8189
8387
  height: 32px;
8190
8388
  }
8191
8389
  .gd-repeater.ag-theme-balham .ag-paging-panel > * {
@@ -8222,7 +8420,7 @@
8222
8420
  line-height: 1.5;
8223
8421
  }
8224
8422
  .gd-repeater.ag-theme-balham .ag-status-name-value-value {
8225
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8423
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8226
8424
  }
8227
8425
  .gd-repeater.ag-theme-balham .ag-status-bar-center {
8228
8426
  text-align: center;
@@ -8261,7 +8459,7 @@
8261
8459
  .gd-repeater.ag-theme-balham .ag-column-drop-cell-button {
8262
8460
  min-width: 16px;
8263
8461
  margin: 0 2px;
8264
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8462
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8265
8463
  }
8266
8464
  .gd-repeater.ag-theme-balham .ag-column-drop-cell-drag-handle {
8267
8465
  margin-left: 8px;
@@ -8271,7 +8469,7 @@
8271
8469
  }
8272
8470
  .gd-repeater.ag-theme-balham .ag-column-drop-horizontal {
8273
8471
  background-color: #f5f7f7;
8274
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8472
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8275
8473
  height: 28px;
8276
8474
  }
8277
8475
  .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-horizontal {
@@ -8284,7 +8482,7 @@
8284
8482
 
8285
8483
  .gd-repeater.ag-theme-balham .ag-column-drop-horizontal-cell-separator {
8286
8484
  margin: 0 4px;
8287
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8485
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8288
8486
  }
8289
8487
  .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-horizontal-icon {
8290
8488
  margin-right: 12px;
@@ -8363,7 +8561,7 @@
8363
8561
  margin: 2px 0;
8364
8562
  cursor: pointer;
8365
8563
  border-radius: 2px;
8366
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8564
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8367
8565
  }
8368
8566
  .gd-repeater.ag-theme-balham .ag-chart-menu-icon:hover {
8369
8567
  opacity: 1;
@@ -8398,7 +8596,7 @@
8398
8596
  border-color: #0091ea;
8399
8597
  }
8400
8598
  .gd-repeater.ag-theme-balham .ag-chart-settings-card-item {
8401
- background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8599
+ background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8402
8600
  width: 8px;
8403
8601
  height: 8px;
8404
8602
  border-radius: 4px;
@@ -8731,7 +8929,7 @@
8731
8929
  .gd-repeater.ag-theme-balham .ag-header-row,
8732
8930
  .gd-repeater.ag-theme-balham .ag-multi-filter-group-title-bar {
8733
8931
  font-weight: 600;
8734
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
8932
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
8735
8933
  }
8736
8934
  .gd-repeater.ag-theme-balham .ag-ltr input[class^=ag-]:not([type]),
8737
8935
  .gd-repeater.ag-theme-balham .ag-ltr input[class^=ag-][type=text],
@@ -8778,7 +8976,7 @@
8778
8976
  height: 24px;
8779
8977
  }
8780
8978
  .gd-repeater.ag-theme-balham .ag-column-drop-vertical-title {
8781
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8979
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8782
8980
  }
8783
8981
  .gd-repeater.ag-theme-balham .ag-column-drop-vertical-cell {
8784
8982
  margin-left: 8px;
@@ -8788,7 +8986,7 @@
8788
8986
  margin-left: 8px;
8789
8987
  }
8790
8988
  .gd-repeater.ag-theme-balham .ag-column-drop-vertical-icon {
8791
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
8989
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8792
8990
  }
8793
8991
  .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message {
8794
8992
  padding-left: 24px;
@@ -8816,7 +9014,7 @@
8816
9014
  background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
8817
9015
  border: 1px solid;
8818
9016
  border-color: transparent;
8819
- color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
9017
+ color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
8820
9018
  padding: 16px;
8821
9019
  }
8822
9020
  .gd-repeater.ag-theme-balham .ag-tooltip {
@@ -8884,7 +9082,7 @@
8884
9082
  }
8885
9083
  .gd-repeater.ag-theme-balham .ag-cell, .gd-repeater.ag-theme-balham .ag-cell.ag-cell-focus {
8886
9084
  border-top: 1px dashed transparent;
8887
- border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9085
+ border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
8888
9086
  border-right: none;
8889
9087
  border-left: none;
8890
9088
  }
@@ -8897,17 +9095,17 @@
8897
9095
  border-top-color: transparent;
8898
9096
  }
8899
9097
  .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-total:hover {
8900
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2))) !important;
9098
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2))) !important;
8901
9099
  cursor: default;
8902
9100
  }
8903
9101
  .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-subtotal:hover {
8904
- background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1))) !important;
9102
+ background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1))) !important;
8905
9103
  cursor: default;
8906
9104
  }
8907
9105
  .gd-repeater.ag-theme-balham .ag-header-cell,
8908
9106
  .gd-repeater.ag-theme-balham .gd-column-group-header {
8909
9107
  border-bottom: 1px dashed transparent;
8910
- border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9108
+ border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
8911
9109
  }
8912
9110
  .gd-repeater.ag-theme-balham .ag-header-cell.gd-column-group-header--subtotal,
8913
9111
  .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-group-header--subtotal {
@@ -8921,7 +9119,7 @@
8921
9119
  .gd-repeater.ag-theme-balham .gd-transpose-header,
8922
9120
  .gd-repeater.ag-theme-balham .gd-transpose-header.ag-cell-focus {
8923
9121
  border-left: 1px dashed transparent;
8924
- border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9122
+ border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
8925
9123
  }
8926
9124
  .gd-repeater.ag-theme-balham .gd-column-subtotal.gd-transpose-header, .gd-repeater.ag-theme-balham .gd-column-subtotal.gd-transpose,
8927
9125
  .gd-repeater.ag-theme-balham .gd-column-total.gd-transpose-header,
@@ -8931,7 +9129,7 @@
8931
9129
  .gd-repeater.ag-theme-balham .gd-mixed-values-column.gd-transpose-header,
8932
9130
  .gd-repeater.ag-theme-balham .gd-mixed-values-column.gd-transpose {
8933
9131
  border-left: 1px dashed transparent;
8934
- border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9132
+ border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
8935
9133
  }
8936
9134
  .gd-repeater.ag-theme-balham .gd-column-index-0,
8937
9135
  .gd-repeater.ag-theme-balham .gd-column-group-header--first {
@@ -8977,7 +9175,7 @@
8977
9175
  }
8978
9176
  .gd-repeater.ag-theme-balham .gd-column-group-header:hover .gd-pivot-table-header-label--clickable,
8979
9177
  .gd-repeater.ag-theme-balham .gd-column-group-header:hover .gd-pivot-table-header-menu ~ .gd-pivot-table-header-label {
8980
- background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
9178
+ background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
8981
9179
  }
8982
9180
  .gd-repeater.ag-theme-balham .gd-column-group-header:hover .ag-header-cell-resize {
8983
9181
  opacity: 1;
@@ -8991,19 +9189,19 @@
8991
9189
  cursor: default;
8992
9190
  }
8993
9191
  .gd-repeater.ag-theme-balham .gd-column-total {
8994
- border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
8995
- color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
9192
+ border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9193
+ color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
8996
9194
  font-weight: bold;
8997
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
9195
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
8998
9196
  }
8999
9197
  .gd-repeater.ag-theme-balham .gd-row-total {
9000
9198
  border-bottom-color: transparent;
9001
- color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
9199
+ color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
9002
9200
  font-weight: bold;
9003
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
9201
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
9004
9202
  }
9005
9203
  .gd-repeater.ag-theme-balham .gd-row-total, .gd-repeater.ag-theme-balham .gd-row-total.ag-cell-focus {
9006
- border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9204
+ border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9007
9205
  }
9008
9206
  .gd-repeater.ag-theme-balham .gd-column-subtotal {
9009
9207
  font-weight: bold;
@@ -9011,31 +9209,31 @@
9011
9209
  }
9012
9210
  .gd-repeater.ag-theme-balham .gd-table-row-subtotal {
9013
9211
  font-weight: bold;
9014
- border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9212
+ border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9015
9213
  }
9016
9214
  .gd-repeater.ag-theme-balham .gd-table-row-subtotal-even {
9017
- background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.15)));
9215
+ background-color: var(--gd-table-subtotalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.15)));
9018
9216
  }
9019
9217
  .gd-repeater.ag-theme-balham .gd-table-row-subtotal-odd {
9020
- background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1)));
9218
+ background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1)));
9021
9219
  }
9022
9220
  .gd-repeater.ag-theme-balham .gd-table-row-subtotal-column-subtotal {
9023
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
9221
+ background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
9024
9222
  }
9025
9223
  .gd-repeater.ag-theme-balham .gd-table-row-total-column-subtotal {
9026
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
9224
+ background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
9027
9225
  }
9028
9226
  .gd-repeater.ag-theme-balham .gd-table-row-subtotal-column-total {
9029
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
9227
+ background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
9030
9228
  }
9031
9229
  .gd-repeater.ag-theme-balham .gd-table-row-total-column-total {
9032
- background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.4)));
9230
+ background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.4)));
9033
9231
  }
9034
9232
  .gd-repeater.ag-theme-balham .gd-column-merged {
9035
9233
  display: none;
9036
9234
  }
9037
9235
  .gd-repeater.ag-theme-balham .gd-table-row-separator {
9038
- border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
9236
+ border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
9039
9237
  }
9040
9238
  .gd-repeater.ag-theme-balham .ag-floating-top {
9041
9239
  position: absolute;
@@ -9115,7 +9313,7 @@
9115
9313
  align-items: flex-end;
9116
9314
  overflow: hidden;
9117
9315
  padding: 0 11px;
9118
- color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
9316
+ color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
9119
9317
  }
9120
9318
  .gd-pivot-table-header-label--right {
9121
9319
  justify-content: flex-end;
@@ -9164,7 +9362,7 @@
9164
9362
  align-items: center;
9165
9363
  overflow: hidden;
9166
9364
  border-top: 2px solid transparent;
9167
- background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
9365
+ background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
9168
9366
  opacity: 0;
9169
9367
  cursor: pointer;
9170
9368
  transition: width 200ms, opacity 100ms;
@@ -9188,12 +9386,12 @@
9188
9386
  background-color: var(--gd-palette-complementary-1, #f5f8fa);
9189
9387
  }
9190
9388
  .gd-pivot-table-header-menu--open:active, .ag-header-cell-sortable .gd-pivot-table-header-menu--open:active {
9191
- border-color: var(--gd-palette-complementary-5, #b1c1d1);
9192
- background: var(--gd-palette-complementary-2, #ecf0f5); /* Old browsers */
9193
- background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
9194
- background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* FF3.6 */
9195
- background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* IE10 */
9196
- background-image: linear-gradient(to top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5));
9389
+ border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
9390
+ background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
9391
+ background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
9392
+ background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
9393
+ background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
9394
+ background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
9197
9395
  }
9198
9396
  .gd-pivot-table-header-arrow-up, .gd-pivot-table-header-arrow-down {
9199
9397
  display: inline-block;