Skip to main content
All CollectionsFAQsWebsite
What are theme colors?
What are theme colors?
Jamie Lubiner avatar
Written by Jamie Lubiner
Updated over 4 years ago

With theme colors we allow you to determine the look and feel of your event website with precision. On the Site Settings screen, use the “Theme Colors” section to set these colors. On the left-hand side, there is a preview area that allows you to get an idea of what the colours will look like. There are five areas that you are able to control:

  • Main colors

  • Navbar colors

  • Link colors

  • Primary button colors

  • Secondary button colors

Main colors

The colors in this section are the colors that are most prominently featured throughout your event website.

  • Background color: determines the background of the event website

  • Primary color: the color that is most prominently featured throughout your event website

  • Secondary color: a main color but not as prominently featured on event website

  • Footer color: controls the footer on Evergreen and some custom themes

Navbar colors

These colors determine how your navigation bar will look like.

  • Background color: determines the color of the navigation bar

  • Text color: the color of the navbar menu items and the "hamburguer" on mobile devices

  • Active Text Background Color: the highlight color displayed behind a selected nav item or when a mouse cursor hovers over a nav item.

Link colors

Any embedded links in the text of your event websites will be these colors.

  • Link color: the color of an embedded link

  • Active color: the color of a link when the cursor hovers over it or it is clicked

Primary button colors

This determine how the majority of the buttons on your event website will look like.

  • Button color: the color of the button

  • Active color: the color of the button when a cursor hovers over it

  • Text color: the color of the text on the button

Secondary button colors

Buttons that are not primary buttons are dictated by the secondary button.

  • Button color: the color of the button

  • Active color: the color of the button when a cursor hovers over it

  • Text color: the color of the text on the button

Did this answer your question?