42 lines
1.4 KiB
JavaScript
42 lines
1.4 KiB
JavaScript
|
'use client';
|
||
|
|
|
||
|
|
// do not remove the following import (https://github.com/microsoft/TypeScript/issues/29808#issuecomment-1320713018)
|
||
|
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
||
|
|
// @ts-ignore
|
||
|
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
||
|
|
import { unstable_createCssVarsProvider as createCssVarsProvider } from '@mui/system';
|
||
|
|
import styleFunctionSx from '@mui/system/styleFunctionSx';
|
||
|
|
import experimental_extendTheme from './experimental_extendTheme';
|
||
|
|
import createTypography from './createTypography';
|
||
|
|
import excludeVariablesFromRoot from './excludeVariablesFromRoot';
|
||
|
|
import THEME_ID from './identifier';
|
||
|
|
const defaultTheme = experimental_extendTheme();
|
||
|
|
const {
|
||
|
|
CssVarsProvider,
|
||
|
|
useColorScheme,
|
||
|
|
getInitColorSchemeScript
|
||
|
|
} = createCssVarsProvider({
|
||
|
|
themeId: THEME_ID,
|
||
|
|
theme: defaultTheme,
|
||
|
|
attribute: 'data-mui-color-scheme',
|
||
|
|
modeStorageKey: 'mui-mode',
|
||
|
|
colorSchemeStorageKey: 'mui-color-scheme',
|
||
|
|
defaultColorScheme: {
|
||
|
|
light: 'light',
|
||
|
|
dark: 'dark'
|
||
|
|
},
|
||
|
|
resolveTheme: theme => {
|
||
|
|
const newTheme = _extends({}, theme, {
|
||
|
|
typography: createTypography(theme.palette, theme.typography)
|
||
|
|
});
|
||
|
|
newTheme.unstable_sx = function sx(props) {
|
||
|
|
return styleFunctionSx({
|
||
|
|
sx: props,
|
||
|
|
theme: this
|
||
|
|
});
|
||
|
|
};
|
||
|
|
return newTheme;
|
||
|
|
},
|
||
|
|
excludeVariablesFromRoot
|
||
|
|
});
|
||
|
|
export { useColorScheme, getInitColorSchemeScript, CssVarsProvider as Experimental_CssVarsProvider };
|