The "Advanced Settings" section of the theme editor brings a JSON variable editor and inline documentation for hundreds of variables that are not currently included in the visual user interface.
Using theme variables requires a fairly technical resource and an understanding of basic CSS and JSON formatting.
You can find documentation on specific theme variables here:
The Advanced Variables Panel
Open the variables panel by clicking on the new "Advanced Settings' button at the bottom of the theme editor.
The content in this file will depend on the settings you have already changed from the defaults and will automatically be updated in both places whenever a change is made.
Previewing Theme Variables Changes
Changes made in this new menu will sync back and forth between the visual editor and the advanced editor and when adding a theme variable in the menu you should see it immediately in the preview to the left:
Inline autocomplete and documentation has been added for the following sets of variables:
By typing any of these you should see the full set of documented variables for those components appear inline:
Updating Theme Variables using the API
For some use cases, it may make sense to have a technical resource update theme components using the API. All theme variables can be updated this way.
For more information, see that section of the API docs:
Using Theme Variables with File Based Themes
See developer documentation:
If you are getting an invalid JSON message, you may be missing a quote (“) or a comma somewhere. Every line except the last must finish in a comma.
Wish there was a theme variable to do something but can’t seem to find one? Tell us about it by submitting an idea in the success community