Use the correct styling method to define theme for a commons-ui compo…

…nent Signed-off-by: BOUTIER Charly <charly.boutier@rte-france.com>
gridsuite · Jan 23, 2024 · f4f0ffc · f4f0ffc
1 parent 19db011
commit f4f0ffc
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/components/app-wrapper.js b/src/components/app-wrapper.js
@@ -85,6 +85,21 @@ let lightTheme = createTheme({
     },
 });
 
+lightTheme = createTheme(lightTheme, {
+    palette: {
+        cancelButtonColor: {
+            main: lightTheme.palette.text.secondary,
+        },
+    },
+    components: {
+        CancelButton: {
+            defaultProps: {
+                color: 'cancelButtonColor',
+            },
+        },
+    },
+});
+
 let darkTheme = createTheme({
     palette: {
         mode: 'dark',
@@ -124,6 +139,21 @@ let darkTheme = createTheme({
     },
 });
 
+darkTheme = createTheme(darkTheme, {
+    palette: {
+        cancelButtonColor: {
+            main: darkTheme.palette.text.secondary,
+        },
+    },
+    components: {
+        CancelButton: {
+            defaultProps: {
+                color: 'cancelButtonColor',
+            },
+        },
+    },
+});
+
 const getMuiTheme = (theme) => {
     if (theme === LIGHT_THEME) {
         return lightTheme;