Theme Settings control the style and formatting for the website. These settings are applied globally to the entire website.
The theme settings are broken up into components, styles under each component, and color scheme settings under each style.
"Button" for example is a component type you can add to a page. When you add a Button component to a page you may apply different styles, in this case "Button", "Secondary", and "Tertiary". For each of those styles you can set the color scheme settings.
You can add multiple styles for each component but keep in mind that these styles will only work on the site you are currently editing. If you add a new "Large button" style, apply it to a button on a page, and then copy that page to a different site, that "Large button" style will not work on the site you copied the page to. Not a concern for client sites, but something to keep in mind if you are working on any content that is part of a library (may be used on other sites).
The "Tertiary" button style is intended to look like a standard link. Do not add any padding to it.
Breakpoints can be adjusted but do not adjust on 'library' sites, sites containing content that may be used on multiple sites.
The "Global" Text Size setting should be set with the "px" measurement, all other font sizes should use the "em" measurement. That way should you decide to globally adjust the font size you only need to adjust the single "Global" Text Size setting. All of the "em" font size settings will resize accordingly.
Ensure all "Card" styles have a padding for all sides set. This will ensure any component using this style will work with any color scheme.
All settings in a theme must be completed.
Only add a new color scheme in addition to the three starter color schemes if it is absolutely required. Do not, for example, add a new color scheme because you have a single button that needs to look different. Color schemes need to be filled out completely and supported for the lifespan of the site. More color schemes means more upkeep.
The first color scheme should be on a white background. The second color scheme should be on a light background. The third color scheme should be on a dark background.
The Theme Settings supports importing theme settings from other sites. Click "Import Theme Settings" to view a list of sites from which you may copy the theme settings. Once copied, you must still "Save" to save your settings. The act of copying does not save.
You can also click the button at the top of the page with the magnifying glass to preview your theme in any other page on your site. By default you will preview a pre-built theme page that displays most components with the three different color schemes.