Style Guides: Where Each Color Appears in the System

Updated Mar 26, 2025

What happens if I change a color in the style guide? What changes? Below is a list of places that your changes will affect. If you want to learn how to use and change Style guides, go to this guide.


Site Style Guides

This is associated with one site in particular, so you can have as many style guides as sites you have. For each site, the style guide will affect:

Default Style Guides

This will be the one used for any place in Simplero not linked to a specific site:


Below you can see more details and screenshots of how this will look on each page:

Site Style Guide

Inside a Course…

  • Primary color (either for light or dark mode) -

    • Used for buttons (complete button and any other buttons inside the lesson)

    • Color when hovering over lessons

    • Send button color in comments:

  • Secondary color (either for light or dark mode)-

    • Links

    • Complete button tick:

    • Progress bars:

On Order Forms... 

Order forms will use the style guide for the site where they are located. 

  • Primary color (either for light or dark mode) -

On the Product Catalog... 

  • Primary color (either for light or dark mode) -
    • Categories

  • Secondary color (either for light or dark mode) -
    • Text on "Buy now" buttons

On Forms inside a page...

When you create an opt-in form inside a page, the form will use the colors under the FORMS section of your style guide:


Default Style Guide

On the Events Register Page... 

  • Primary color (either for light or dark mode) -

    • Register Button


  • Secondary color (either for light or dark mode) - 
    • Add to Calendar and Join now (Zoom) button (show after registration)

On Worksheets... 

Note! If you started in Simplero before February 2025, worksheets will be using your "legacy style guide" unless you delete it or rename it. 

  • Primary color (either for light or dark mode) -
    • Buttons



  • Secondary color - 
    • Worksheet title
    • Printing button


On Scheduling Links...

  • Primary color (either for light or dark mode) - Used in toggles, highlight to indicate the current date, buttons, and text
    Note: Selected time colour is always gold (cannot be changed)

System Fonts

System fonts affect every page that is created by default in the system:

  • Blog
  • Forum
  • Order forms (attached to that specific site)
  • Site navigation
  • Events 
  • Courses