ThemeProvider component from the respective UI library package (@refinedev/mui, @refinedev/mantine, or @refinedev/chakra-ui). The theme is passed to the ThemeProvider as a prop, and all child components within the ThemeProvider have access to the theme.ThemeProviderThemeProviderThemeProvider@refinedev/mui@refinedev/mantine@refinedev/chakra-uiimport { RefineThemes } from "@refinedev/mui";
import { ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
export const ThemeProvider = ({ children }) => (
<MuiThemeProvider theme={RefineThemes.Magenta}>
{children}
</MuiThemeProvider>
);