This article will go over the "Skinning" sub-tab of the "Site Management" tab. This tab can be accessed via "Admin Portal" > "Site Management" > "Skinning". Below is a screenshot of how this tab looks:
Super Admins can use the "Skinning" tab to personalize the color palette of your Engageli instance. This feature is typically utilized to align the system's appearance with your organization's color scheme.
We'll review the various features of this page below:
- Enable custom theme - To override Engageli system defaults with your own theme, check this box.
- Mode - The color palette you’ll be customizing starts with the default Engageli theme colors. This dropdown menu enables you to choose between "Light" and "Dark" color themes, depending on your preferred starting point. When selecting something from the dropdown, you'll be asked to confirm that you want to reset the colors to the Engageli default for the selected theme.
- Upload your logo - If you wish for your organization's logo to appear, please drag-and-drop your logo to this box to have it uploaded. The most prominent place where your logo would appear is at the upper-left of the classroom lobby, as exampled in the below image:
- Reset Colors - Click this button to reset the color palette to the Engageli default. The current selection of the "Mode" dropdown will determine whether the colors are reset to Engageli's "Light" or "Dark" theme.
- Various Color Selectors - This section allows you to personalize the theme colors. You'll find a list of entries with labels and their corresponding color selectors, such as Primary Color, Secondary Color, Primary Container Color, and more. There will typically be between one and two dozen items, each linked to a specific part of the system. By clicking on a color selector, you can open a color palette and choose a new shade. Since the system encompasses many areas, it can be challenging to detail what each color setting affects. The best approach is to adjust the color, save your changes, and explore the platform to observe the results.
- Apply - Once you are done making your changes, click this button to apply them.