COS-Site-Pages-Templates

How do I change the colors of a standard HubSpot theme?

Last updated: October 6, 2015

Colors are defined in HubL variables towards the top of the theme-name.css (depicted below). Changing the HEX values in quotes (ie "#666") and repulishing the CSS file will alter the colors used throughout your theme. To change a color:

  • Navigate to Content > Design Manager.
  • Located the theme-name.css file in your coded files.
  • Edit the HEX color in quotes.
  • Click on Publish changes.
Color variables
Color variables

Please take note that making syntax mistakes in these HubL variables can cause your CSS file to fail to compile. When making edits to these color variables, make sure you are only changing the value in quotes.