The ability to set custom colors helps customers brand their Lessonly instance to match their company's colors.

Primary and secondary custom colors can be set by users with company settings permissions.

Users with the correct permissions can select the gear icon in the right-hand corner > select "Settings" > select "Customizations."

Lessonly offers the ability to customize the following:

Important Note

By default, colors are set to the default Lessonly branding colors.

A company's marketing department should be able to provide the correct #HEX color value to help with implementing custom colors.

A great resource to locate color's #HEX value can be found here.

Custom colors can be reset by selecting "Reset" at any time and the colors will default back to Lessonly's brand colors.

Under Primary Color > a hex color code or select the color square to select a color option.

This applies to "buttons" and "learn card borders" where the primary branding color is highlighted.

Under "Text on Primary Color," the options to change the font color for buttons include:

Important Note

This option defaults to Auto.

Under Secondary Color, the user follows a similar process as above to set the color.

The secondary color is used to highlight:

Under "Text on Secondary Color," the options to change the font color for buttons include:

Important Note

This option defaults to Auto.

Under Custom Link Color, set a hex color code or select from the color square to set a custom color for custom links.

The below image shows how the primary and secondary color show in a lesson view.

If you have any questions please reach out to Support at support@lessonly.com.