@gooddata/sdk-ui-charts 10.17.0-alpha.6 → 10.17.0-alpha.8

package/styles/css/repeater.css

@@ -2823,7 +2823,7 @@
 }
 .gd-repeater.ag-theme-balham {
   -webkit-font-smoothing: antialiased;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
   font-size: 12px;
   line-height: normal;
@@ -3088,7 +3088,7 @@
   box-shadow: 0 0 2px 1px #719ECE;
 }
 .gd-repeater.ag-theme-balham .ag-drag-handle {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-list-item, .gd-repeater.ag-theme-balham .ag-virtual-list-item {
   height: 24px;
@@ -3122,7 +3122,7 @@
   text-overflow: ellipsis;
 }
 .gd-repeater.ag-theme-balham .ag-list-item.ag-active-item {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 .gd-repeater.ag-theme-balham .ag-select-list-item {
   padding-left: 4px;
@@ -3179,7 +3179,7 @@
   height: 24px;
 }
 .gd-repeater.ag-theme-balham .ag-rich-select-virtual-list-item:hover {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 .gd-repeater.ag-theme-balham .ag-rich-select-row {
   padding-left: 12px;
@@ -3191,7 +3191,7 @@
 .gd-repeater.ag-theme-balham .ag-selection-checkbox,
 .gd-repeater.ag-theme-balham .ag-group-expanded,
 .gd-repeater.ag-theme-balham .ag-group-contracted {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .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 {
   margin-right: 12px;
@@ -3214,7 +3214,7 @@
 .gd-repeater.ag-theme-balham .ag-group-title-bar-icon {
   cursor: pointer;
   flex: none;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-ltr .ag-group-child-count {
   margin-left: 2px;
@@ -3275,7 +3275,7 @@
   margin-left: -3px;
   margin-top: -4px;
   border-radius: 3px;
-  background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  background-color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-picker-field-wrapper {
   border: 1px solid;
@@ -3287,7 +3287,7 @@
 }
 .gd-repeater.ag-theme-balham .ag-picker-field-button {
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-dialog.ag-color-dialog {
   border-radius: 5px;
@@ -3354,7 +3354,7 @@
   padding: 4px;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   height: 32px !important;
   line-height: 32px;
   margin: 0;
@@ -3363,7 +3363,7 @@
 }
 .gd-repeater.ag-theme-balham .ag-dnd-ghost-icon {
   margin-right: 4px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-popup-child:not(.ag-tooltip-custom) {
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
@@ -3380,7 +3380,7 @@
 }
 .gd-repeater.ag-theme-balham .ag-panel-title-bar {
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
   height: 32px;
   padding: 4px 12px;
 }
@@ -3394,7 +3394,7 @@
 
 .gd-repeater.ag-theme-balham .ag-tooltip {
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   padding: 4px;
   border-radius: 2px;
   transition: opacity 1s;
@@ -5965,7 +5965,7 @@
 .gd-repeater.ag-theme-balham .ag-row {
   height: 28px;
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   border-width: 1px;
   border-color: rgba(26, 26, 26, 0);
   border-bottom-style: solid;
@@ -5999,7 +5999,7 @@
   border-left-color: transparent;
 }
 .gd-repeater.ag-theme-balham .ag-row-hover {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 .gd-repeater.ag-theme-balham .ag-column-hover {
   background-color: #ecf0f1;
@@ -6261,7 +6261,7 @@
   border-top-color: transparent;
 }
 .gd-repeater.ag-theme-balham .ag-menu-option-active, .gd-repeater.ag-theme-balham .ag-compact-menu-option-active {
-  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1, rgba(109, 118, 128, 0.1)));
+  background-color: var(--gd-table-hoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(109, 118, 128, 0.1)));
 }
 .gd-repeater.ag-theme-balham .ag-menu-option-part, .gd-repeater.ag-theme-balham .ag-compact-menu-option-part {
   line-height: 16px;
@@ -6331,7 +6331,7 @@
   border-bottom-color: #0091ea;
 }
 .gd-repeater.ag-theme-balham .ag-menu-header {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-filter-separator {
   border-top: solid 1px;
@@ -6443,7 +6443,7 @@
   padding-top: 16px;
   width: 20px;
   position: relative;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   overflow: hidden;
 }
 .gd-repeater.ag-theme-balham button.ag-side-button-button {
@@ -6743,7 +6743,7 @@
 }
 .gd-repeater.ag-theme-balham .ag-column-group-icons,
 .gd-repeater.ag-theme-balham .ag-column-select-header-icon {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-column-select-list .ag-list-item-hovered::after {
   content: "";
@@ -6765,7 +6765,7 @@
   border-bottom-color: transparent;
 }
 .gd-repeater.ag-theme-balham .ag-header-row {
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
   height: 32px;
 }
 .gd-repeater.ag-theme-balham .ag-pinned-right-header {
@@ -6834,7 +6834,7 @@
   border-color: #719ECE;
 }
 .gd-repeater.ag-theme-balham .ag-header-icon {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-header-expand-icon {
   cursor: pointer;
@@ -6859,7 +6859,7 @@
 .gd-repeater.ag-theme-balham .ag-header-group-cell:first-of-type.ag-column-resizing,
 .gd-repeater.ag-theme-balham .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
 .gd-repeater.ag-theme-balham .ag-header-cell:first-of-type.ag-column-resizing {
-  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
+  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
 }
 .gd-repeater.ag-theme-balham .ag-header-cell::after,
 .gd-repeater.ag-theme-balham .ag-header-group-cell::after {
@@ -6920,7 +6920,7 @@
 .gd-repeater.ag-theme-balham .ag-paging-panel {
   border-top: 1px solid;
   border-top-color: transparent;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   height: 32px;
 }
 .gd-repeater.ag-theme-balham .ag-paging-panel > * {
@@ -6957,7 +6957,7 @@
   line-height: 1.5;
 }
 .gd-repeater.ag-theme-balham .ag-status-name-value-value {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-status-bar-center {
   text-align: center;
@@ -6996,7 +6996,7 @@
 .gd-repeater.ag-theme-balham .ag-column-drop-cell-button {
   min-width: 16px;
   margin: 0 2px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-column-drop-cell-drag-handle {
   margin-left: 8px;
@@ -7006,7 +7006,7 @@
 }
 .gd-repeater.ag-theme-balham .ag-column-drop-horizontal {
   background-color: #f5f7f7;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   height: 28px;
 }
 .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-horizontal {
@@ -7019,7 +7019,7 @@
 
 .gd-repeater.ag-theme-balham .ag-column-drop-horizontal-cell-separator {
   margin: 0 4px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-horizontal-icon {
   margin-right: 12px;
@@ -7098,7 +7098,7 @@
   margin: 2px 0;
   cursor: pointer;
   border-radius: 2px;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-chart-menu-icon:hover {
   opacity: 1;
@@ -7133,7 +7133,7 @@
   border-color: #0091ea;
 }
 .gd-repeater.ag-theme-balham .ag-chart-settings-card-item {
-  background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  background: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   width: 8px;
   height: 8px;
   border-radius: 4px;
@@ -7466,7 +7466,7 @@
 .gd-repeater.ag-theme-balham .ag-header-row,
 .gd-repeater.ag-theme-balham .ag-multi-filter-group-title-bar {
   font-weight: 600;
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
 }
 .gd-repeater.ag-theme-balham .ag-ltr input[class^=ag-]:not([type]),
 .gd-repeater.ag-theme-balham .ag-ltr input[class^=ag-][type=text],
@@ -7513,7 +7513,7 @@
   height: 24px;
 }
 .gd-repeater.ag-theme-balham .ag-column-drop-vertical-title {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-column-drop-vertical-cell {
   margin-left: 8px;
@@ -7523,7 +7523,7 @@
   margin-left: 8px;
 }
 .gd-repeater.ag-theme-balham .ag-column-drop-vertical-icon {
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
 }
 .gd-repeater.ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message {
   padding-left: 24px;
@@ -7551,7 +7551,7 @@
   background-color: var(--gd-table-backgroundColor, var(--gd-palette-complementary-0, #fff));
   border: 1px solid;
   border-color: transparent;
-  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-valueColor, var(--gd-palette-complementary-8, #464e56));
   padding: 16px;
 }
 .gd-repeater.ag-theme-balham .ag-tooltip {
@@ -7619,7 +7619,7 @@
 }
 .gd-repeater.ag-theme-balham .ag-cell, .gd-repeater.ag-theme-balham .ag-cell.ag-cell-focus {
   border-top: 1px dashed transparent;
-  border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
   border-right: none;
   border-left: none;
 }
@@ -7632,17 +7632,17 @@
   border-top-color: transparent;
 }
 .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-total:hover {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2))) !important;
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2))) !important;
   cursor: default;
 }
 .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-subtotal:hover {
-  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1))) !important;
+  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1))) !important;
   cursor: default;
 }
 .gd-repeater.ag-theme-balham .ag-header-cell,
 .gd-repeater.ag-theme-balham .gd-column-group-header {
   border-bottom: 1px dashed transparent;
-  border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-bottom-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 .gd-repeater.ag-theme-balham .ag-header-cell.gd-column-group-header--subtotal,
 .gd-repeater.ag-theme-balham .gd-column-group-header.gd-column-group-header--subtotal {
@@ -7656,7 +7656,7 @@
 .gd-repeater.ag-theme-balham .gd-transpose-header,
 .gd-repeater.ag-theme-balham .gd-transpose-header.ag-cell-focus {
   border-left: 1px dashed transparent;
-  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 .gd-repeater.ag-theme-balham .gd-column-subtotal.gd-transpose-header, .gd-repeater.ag-theme-balham .gd-column-subtotal.gd-transpose,
 .gd-repeater.ag-theme-balham .gd-column-total.gd-transpose-header,
@@ -7666,7 +7666,7 @@
 .gd-repeater.ag-theme-balham .gd-mixed-values-column.gd-transpose-header,
 .gd-repeater.ag-theme-balham .gd-mixed-values-column.gd-transpose {
   border-left: 1px dashed transparent;
-  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-left-color: var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 .gd-repeater.ag-theme-balham .gd-column-index-0,
 .gd-repeater.ag-theme-balham .gd-column-group-header--first {
@@ -7712,7 +7712,7 @@
 }
 .gd-repeater.ag-theme-balham .gd-column-group-header:hover .gd-pivot-table-header-label--clickable,
 .gd-repeater.ag-theme-balham .gd-column-group-header:hover .gd-pivot-table-header-menu ~ .gd-pivot-table-header-label {
-  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
+  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
 }
 .gd-repeater.ag-theme-balham .gd-column-group-header:hover .ag-header-cell-resize {
   opacity: 1;
@@ -7726,19 +7726,19 @@
   cursor: default;
 }
 .gd-repeater.ag-theme-balham .gd-column-total {
-  border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
-  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
+  border-left: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
+  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
   font-weight: bold;
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
 }
 .gd-repeater.ag-theme-balham .gd-row-total {
   border-bottom-color: transparent;
-  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, var(--gd-palette-complementary-9, #000)));
+  color: var(--gd-table-totalValueColor, var(--gd-palette-complementary-9, #000));
   font-weight: bold;
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
 }
 .gd-repeater.ag-theme-balham .gd-row-total, .gd-repeater.ag-theme-balham .gd-row-total.ag-cell-focus {
-  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 .gd-repeater.ag-theme-balham .gd-column-subtotal {
   font-weight: bold;
@@ -7746,31 +7746,31 @@
 }
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal {
   font-weight: bold;
-  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-even {
-  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.15)));
+  background-color: var(--gd-table-subtotalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.15)));
 }
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-odd {
-  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.1)));
+  background-color: var(--gd-table-subtotalBackgroundColor, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.1)));
 }
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-column-subtotal {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2, rgba(176, 190, 202, 0.2)));
+  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-2-from-theme, rgba(176, 190, 202, 0.2)));
 }
 .gd-repeater.ag-theme-balham .gd-table-row-total-column-subtotal {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
+  background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
 }
 .gd-repeater.ag-theme-balham .gd-table-row-subtotal-column-total {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.3)));
+  background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.3)));
 }
 .gd-repeater.ag-theme-balham .gd-table-row-total-column-total {
-  background-color: var(--gd-table-totalBackgroundColor, var(--gd-palette-complementary-1, rgba(176, 190, 202, 0.4)));
+  background-color: var(--gd-table-totalBackgroundColor-from-theme, var(--gd-palette-complementary-1-from-theme, rgba(176, 190, 202, 0.4)));
 }
 .gd-repeater.ag-theme-balham .gd-column-merged {
   display: none;
 }
 .gd-repeater.ag-theme-balham .gd-table-row-separator {
-  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4, rgba(176, 190, 202, 0.5)));
+  border-top: 1px solid var(--gd-table-gridColor, var(--gd-palette-complementary-4-from-theme, rgba(176, 190, 202, 0.5)));
 }
 .gd-repeater.ag-theme-balham .ag-floating-top {
   position: absolute;
@@ -7850,7 +7850,7 @@
   align-items: flex-end;
   overflow: hidden;
   padding: 0 11px;
-  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7, var(--gd-palette-complementary-8, #464e56)));
+  color: var(--gd-table-headerLabelColor, var(--gd-palette-complementary-7-from-theme, var(--gd-palette-complementary-8, #464e56)));
 }
 .gd-pivot-table-header-label--right {
   justify-content: flex-end;
@@ -7899,7 +7899,7 @@
   align-items: center;
   overflow: hidden;
   border-top: 2px solid transparent;
-  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1, var(--gd-palette-primary-dimmed, #e8f7fc)));
+  background-color: var(--gd-table-headerHoverBackgroundColor, var(--gd-palette-complementary-1-from-theme, var(--gd-palette-primary-dimmed, #e8f7fc)));
   opacity: 0;
   cursor: pointer;
   transition: width 200ms, opacity 100ms;
@@ -7923,12 +7923,12 @@
   background-color: var(--gd-palette-complementary-1, #f5f8fa);
 }
 .gd-pivot-table-header-menu--open:active, .ag-header-cell-sortable .gd-pivot-table-header-menu--open:active {
-  border-color: var(--gd-palette-complementary-5, #b1c1d1);
-  background: var(--gd-palette-complementary-2, #ecf0f5); /* Old browsers */
-  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
-  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* FF3.6 */
-  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5)); /* IE10 */
-  background-image: linear-gradient(to top, var(--gd-palette-complementary-2, #dee6ef), var(--gd-palette-complementary-2, #ecf0f5));
+  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
+  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
+  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+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
 }
 .gd-pivot-table-header-arrow-up, .gd-pivot-table-header-arrow-down {
   display: inline-block;