From 2ff3b49923d7e96045a0ae34a231555063d345ac Mon Sep 17 00:00:00 2001
From: "Michael S. Molina" <70410625+michael-s-molina@users.noreply.github.com>
Date: Thu, 31 Mar 2022 13:30:36 -0300
Subject: [PATCH] chore: Removes plugin-chart-pivot-table hard-coded colors
 (#19439)

(cherry picked from commit 31095a523d5bb379fef5ef4cdf5738031857179b)
---
 .../plugin-chart-pivot-table/src/react-pivottable/Styles.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js b/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
index 06bfdd3b0cb91..7ff2c0e5267b3 100644
--- a/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
+++ b/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js
@@ -84,7 +84,7 @@ export const Styles = styled.div`
     }
 
     table.pvtTable tr th.active {
-      background-color: #d9dbe4;
+      background-color: ${theme.colors.primary.light3};
     }
 
     table.pvtTable .pvtTotalLabel {
@@ -97,7 +97,7 @@ export const Styles = styled.div`
     }
 
     table.pvtTable tbody tr td {
-      color: #2a3f5f;
+      color: ${theme.colors.primary.dark2};
       padding: ${theme.gridUnit}px;
       background-color: ${theme.colors.grayscale.light5};
       border-top: 1px solid ${theme.colors.grayscale.light2};
@@ -133,7 +133,7 @@ export const Styles = styled.div`
     }
 
     .hoverable:hover {
-      background-color: #eceef2;
+      background-color: ${theme.colors.primary.light4};
       cursor: pointer;
     }
   `}