From 98c8ffa0df31a4b8fc139ec7dd0ef2661c6984de Mon Sep 17 00:00:00 2001
From: Reynold Morel <reynoldmorel@hotmail.com>
Date: Tue, 13 Jan 2026 15:22:37 -0400
Subject: [PATCH] fix(dashboard): revert cell hover and active colors to
 grayscale (#36991)

(cherry picked from commit 0404c99e3927f2b108ae08f58196aba46cbd26f0)
---
 .../plugins/plugin-chart-ag-grid-table/src/styles/index.tsx   | 4 ++--
 .../plugin-chart-pivot-table/src/react-pivottable/Styles.js   | 2 +-
 superset-frontend/plugins/plugin-chart-table/src/Styles.tsx   | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/superset-frontend/plugins/plugin-chart-ag-grid-table/src/styles/index.tsx b/superset-frontend/plugins/plugin-chart-ag-grid-table/src/styles/index.tsx
index c67829cb5e2..981cbd6ae0b 100644
--- a/superset-frontend/plugins/plugin-chart-ag-grid-table/src/styles/index.tsx
+++ b/superset-frontend/plugins/plugin-chart-ag-grid-table/src/styles/index.tsx
@@ -287,14 +287,14 @@ export const StyledChartContainer = styled.div<{
     .dt-is-filter {
       cursor: pointer;
       :hover {
-        background-color: ${theme.colorPrimaryBgHover};
+        background-color: ${theme.colorFillContentHover};
       }
     }
 
     .dt-is-active-filter {
       background: ${theme.colorPrimaryBg};
       :hover {
-        background-color: ${theme.colorPrimaryBgHover};
+        background-color: ${theme.colorFillContentHover};
       }
     }
 
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 d5ba477e3ad..0aab8c6616e 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
@@ -145,7 +145,7 @@ export const Styles = styled.div`
     }
 
     .hoverable:hover {
-      background-color: ${theme.colorPrimaryBgHover};
+      background-color: ${theme.colorFillContentHover};
       cursor: pointer;
     }
   `}
diff --git a/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx b/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx
index 14b3e4f2d2a..9651865db07 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/Styles.tsx
@@ -120,12 +120,12 @@ export default styled.div`
     }
 
     td.dt-is-filter:hover {
-      background-color: ${theme.colorPrimaryBgHover};
+      background-color: ${theme.colorFillContentHover};
     }
 
     td.dt-is-active-filter,
     td.dt-is-active-filter:hover {
-      background-color: ${theme.colorPrimaryBgHover};
+      background-color: ${theme.colorFillContentHover};
     }
 
     .dt-global-filter {