The design tokens (CSS variables) of the current preset. Change the preset or the tokens on the right, the values follow.
--p-* tokens of the current theme, read at runtime from the loaded stylesheets, also inside cascade layers:
tokens with a literal value are declared on :root, tokens that reference other tokens on
:root, [data-p-scope] and tokens that depend on the density on :root, [data-p-scope], [data-p-density].
They are grouped by the prefix after --p-.
Declared is the value of the stylesheet, computed the value on <html> with the current
color scheme, primary color, density and configurator overrides (marked override).
Click a token name to copy var(--p-...).