Skip to content

pantoken / custom-theme-colors

custom-theme-colors

Beta

@pantoken/plugin-custom-components — componentes personalizados para consumidores downstream.

Emite regras com escopo :root[data-pantoken-color="…"] and :root[data-pantoken-theme="canvasHighContrast"][data-pantoken-color="…"] para todos os 13 namespaces de cores (navy, blue, green, red, orange, grey, plum, violet, stone, sky, honey, sea, aurora).

Exemplo

ts
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";
import { customThemeColors } from "@pantoken/plugin-custom-theme-colors";

const css = toCss(byTheme("rebrand"), { plugins: [customThemeColors()] });

Interfaces

Aliases de tipo

Variáveis

Funções

Referências

default

Renomeia e reexporta customIcons