fix(themeModeTransition): make theme mode transition last longer

Clm-Roig · Apr 11, 2022 · 84fda3c · 84fda3c
1 parent 45b3313
commit 84fda3c
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/config/CustomTheme.ts b/src/config/CustomTheme.ts
@@ -22,7 +22,25 @@ const MIDDLE_BLUE = {
   main: '#80CBC4'
 };
 
+const THEME_MODE_TRANSITION = '0.5s ease';
+
 export const components = {
+  MuiPaper: {
+    styleOverrides: {
+      root: {
+        transition:
+          'background-image ' + THEME_MODE_TRANSITION + ', background ' + THEME_MODE_TRANSITION + ''
+      }
+    }
+  },
+  MuiContainer: {
+    styleOverrides: {
+      root: {
+        transition:
+          'background-image ' + THEME_MODE_TRANSITION + ', background ' + THEME_MODE_TRANSITION + ''
+      }
+    }
+  },
   MuiTabs: {
     styleOverrides: {
       indicator: {