pantoken / renderers/css-in-js/src / toStyledTheme

Συνάρτηση: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Πειραματικό

Δημιουργήστε ένα αντικείμενο θέματος CSS-in-JS από ένα token IR.

Παράμετροι ​

tokens ​

μόνο για ανάγνωση Token[]

Το IR (π.χ. από @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Επιστρέφει ​

StyledTheme

Το αντικείμενο θέματος, με κλειδιά τα ονόματα των tokens σε camelCase.

Παραδείγματα ​

Βασισμένο σε var(), ροές φωτεινής/σκοτεινής μέσω @pantoken/css

ts
import { toStyledTheme } from "@pantoken/css-in-js";
import { tokens } from "@pantoken/tokens";

const theme = toStyledTheme(tokens);
// theme.colorBackgroundBrand → "var(--instui-color-background-brand)"

Ενσωμάτωση συγκεκριμένων τιμών μονο-λειτουργίας (για SSR χωρίς CSS μεταβλητές)

ts
import { toStyledTheme } from "@pantoken/css-in-js";
import { tokens } from "@pantoken/tokens";

const dark = toStyledTheme(tokens, { resolve: "dark" });
// dark.colorBackgroundBase → a concrete value, not a var()