Breaking News: Grepper is joining You.com. Read the official announcement!

add new variables to the Theme and ThemeOptions

html-hacker answered on November 5, 2023 Popularity 1/10 Helpfulness 1/10

answer add new variables to the Theme and ThemeOptions

add new variables to the Theme and ThemeOptions

Comment

import createMuiTheme, { Theme, ThemeOptions } from "@material-ui/core/styles/createMuiTheme";
import { Palette } from "@material-ui/core/styles/createPalette";

interface IPalette extends Palette {
  xxx: {}
}
interface ITheme extends Theme {
  palette: IPalette;
}
interface IThemeOptions extends ThemeOptions {
  palette: IPalette;
}

const theme = createMuiTheme({
  palette: {
    ...
    xxx: {}                                        // Type been checked
  }
} as IThemeOptions)                                // Use customized ThemeOptions type

const useStyles = makeStyles((theme: ITheme) => ({ // Use customized Theme type
  root: {
    color: theme.palette.xxx                       // Work with no type error
  }
}));

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: add variables whatever

Link to this answer
Share Copy Link