pantoken / renderers/mui/src / toMuiTheme

Função: toMuiTheme() ​

toMuiTheme(tokens, mode?): PantokenThemeOptions

Experimental

Gerar opções de tema MUI a partir de um IR de tokens.

Parâmetros ​

tokens ​

somente leitura Token[]

O IR (por exemplo, de @pantoken/tokens).

mode? ​

Mode = "light"

Qual modo de cor resolver (padrão "light").

Retorna ​

PantokenThemeOptions

Opções prontas para o createTheme do MUI.

Exemplo ​

Tema por marca, por modo

ts
import { createTheme } from "@mui/material/styles";
import { toMuiTheme } from "@pantoken/mui";
import { byTheme } from "@pantoken/tokens";

const darkCanvas = createTheme(toMuiTheme(byTheme("canvas"), "dark"));