headers color change

TouK · Nov 25, 2024 · 3bbe78a · 3bbe78a
1 parent 01ba76f
commit 3bbe78a
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/designer/submodules/packages/components/src/common/defaultTheme.tsx b/designer/submodules/packages/components/src/common/defaultTheme.tsx
@@ -62,6 +62,7 @@ export const useDefaultTheme = (parent = {}): Theme => {
                             }),
                             root: {
                                 border: 0,
+                                "--DataGrid-containerBackground": blendLighten(root.palette.background.paper, 0.12),
                             },
                             row: {
                                 ":nth-of-type(even):not(:hover)": {
@@ -72,9 +73,6 @@ export const useDefaultTheme = (parent = {}): Theme => {
                                 backgroundColor: alpha(root.palette.common.black, root.palette.action.hoverOpacity * 3),
                                 zIndex: root.zIndex.mobileStepper - 1,
                             },
-                            columnHeadersInner: {
-                                backgroundColor: blendLighten(root.palette.background.paper, 0.12),
-                            },
                             cell: {
                                 "&:focus-within": {
                                     outlineColor: root.palette.primary.main,
@@ -85,6 +83,7 @@ export const useDefaultTheme = (parent = {}): Theme => {
                             },
 
                             columnHeaderTitleContainer: {
+                                containerBackground: blendLighten(root.palette.background.paper, 0.12),
                                 padding: "0 6px",
                             },
                             "cell--withRenderer": {