Enable mui CSS variables

u-wave · Sep 12, 2024 · d3f2333 · d3f2333
1 parent cbd9cfa
commit d3f2333
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/password-reset/containers/PasswordResetApp.tsx b/src/password-reset/containers/PasswordResetApp.tsx
@@ -7,7 +7,7 @@ import PasswordResetPage from '../components/PasswordResetPage';
 import PasswordResetSuccessPage from '../components/PasswordResetSuccessPage';
 import theme from '../../theme';
 
-const muiTheme = createTheme(theme);
+const muiTheme = createTheme({ ...theme, cssVariables: true });
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type Translator = any; // from @u-wave/translate

diff --git a/src/utils/createTheme.ts b/src/utils/createTheme.ts
@@ -56,7 +56,7 @@ function blend(a: string, b: string, weight: number) {
 }
 
 export default function createTheme(base: ThemeOptions) {
-  const muiTheme = createMuiTheme(base);
+  const muiTheme = createMuiTheme({ ...base, cssVariables: true });
 
   const { palette, typography, uwave } = muiTheme;
 

diff --git a/tasks/prerender.mjs b/tasks/prerender.mjs
@@ -23,7 +23,7 @@ function renderToHtmlThemed(element) {
   const wrapped = createElement(
     CacheProvider,
     { value: cache },
-    createElement(ThemeProvider, { theme: createTheme(theme) }, element),
+    createElement(ThemeProvider, { theme: createTheme({ ...theme, cssVariables: true }) }, element),
   );
   const html = renderToStaticMarkup(wrapped);
   const { css } = extractCritical(html);