pantoken-root / custom-theme-colors

custom-theme-colors

Beta

@pantoken/plugin-custom-components — benutzerdefinierte Komponenten für nachgelagerte Verbraucher.

Gibt scoped :root[data-pantoken-color="…"] und :root[data-pantoken-theme="canvasHighContrast"][data-pantoken-color="…"] Regeln für alle 13 Farb-Namensräume aus (navy, blue, green, red, orange, grey, plum, violet, stone, sky, honey, sea, aurora).

Beispiel

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()] });

Schnittstellen

• ReferenceCurve
• CustomColorScale
• CustomThemeColorsOptions
• CustomThemeColorsCssOptions
• CustomColorCssOptions

Typ-Aliasse

• PantokenColorNamespace

Variablen

• COLOR_KEYS
• CUSTOM_COLOR_KEY

Funktionen

• parseHexColor
• isHexColor
• deriveScale
• customColorReferenceCurve
• deriveCustomColorScale
• customColorCss
• customColorRemapCss
• customThemeColorsCss
• customThemeColors

Referenzen

default

Benennt um und exportiert erneut customIcons