Skip to content

pantoken / renderers/mui/src / toMuiTheme

Función: toMuiTheme()

toMuiTheme(tokens, mode?): PantokenThemeOptions

Experimental

Construir opciones de tema de MUI a partir de un IR de tokens.

Parámetros

tokens

solo lectura Token[]

El IR (p. ej. de @pantoken/tokens).

mode?

Mode = "light"

Qué modo de color resolver (por defecto "light").

Devuelve

PantokenThemeOptions

Opciones listas para el createTheme de MUI.

Ejemplo

Tema por marca y 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"));