What is Setting Custom Colors?
The ability to set custom colors helps customers brand their Lessonly instance to match their company's colors.
How to Set Custom 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:
Font
Company Logo
Company Favicon
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.
How to Reset Custom Colors
Custom colors can be reset by selecting "Reset" at any time and the colors will default back to Lessonly's brand colors.
What is the Primary Color?
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:
Auto
Light
Dark
Important Note
This option defaults to Auto.
What is the Secondary Color?
Under Secondary Color, the user follows a similar process as above to set the color.
The secondary color is used to highlight:
Lesson progress bars,
Callouts,
Indication if a Practice scenario will be graded.
Under "Text on Secondary Color," the options to change the font color for buttons include:
Auto
Light
Dark
Important Note
This option defaults to Auto.
What is the Custom Link Color?
Under Custom Link Color, set a hex color code or select from the color square to set a custom color for custom links.
Example of Primary and Secondary Colors
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.