Theme JSON to CSS Variables
Convert a pasted theme JSON object into CSS custom properties.
Processing stays in your browser. Paste the JSON theme values from your configuration. JavaScript configs are not executed; arrays and composite leaf values are unsupported.
How to use the theme json to css variables
Convert a pasted theme JSON object into CSS custom properties. Complete the theme json fields above, or upload a UTF-8 text file for theme json. Choose Run tool, review the output, then copy or download the result.
Example
colors.brand becomes --colors-brand.
Good to know
Paste the JSON theme values from your configuration. JavaScript configs are not executed; arrays and composite leaf values are unsupported.