How do I configure my theme colours?

The theme uses four colour fields that, when changed, will update your website globally: Text, Primary, Secondary and Neutral (For Backgrounds).

These colours are automatically pulled from your branding settings (read HubSpot's "Customize branding for your HubSpot content" knowledgebase article here). 

From your branding settings:

• "Text" uses the "Primary" colour in your branding settings, this is the colour used for your body font and many other fonts.
• "Primary" uses the first colour in your branding settings, this is the main colour.
• "Secondary" uses the second colour in your branding settings, this is a secondary accent colour.
• "Neutral (For Backgrounds)" uses the third colour in your branding settings, it's the colour typically used for backgrounds on the demo site. 

You can update these colours either from your branding settings or override them here in the theme settings. 

You can also edit the website's background colour from theme settings under Website Body > Background.