Overview
The Theme Library in Encodify allows administrators to centrally manage and apply visual themes across the platform. A theme defines the visual identity of the user interface, including colours, logos, and styling elements. Using the Theme Library, you can create and maintain a collection of branded themes that reflect your organisation or specific user groups, ensuring a consistent look and feel across different teams, departments, or client environments.
Themes from the library can be applied at the site or user level, enabling enterprise-level personalisation while maintaining brand integrity.
Note: Some elements of Encodify’s interface, such as the Encodify logo in footers and app configuration areas, remain visible to preserve product identity.
Default Themes
Each site in Encodify is automatically assigned a default Encodify theme, providing a consistent visual foundation out of the box. This theme includes standard colours, branding elements, and layout settings designed to reflect the Encodify identity.
Administrators can view and compare these settings to guide the creation of new custom themes or to understand the baseline appearance applied when no other theme is assigned.
Default Theme Settings
Parameter | Default Value | Description |
|---|---|---|
Side Bar Colour | #143C8A | Defines the background colour of the left-hand navigation sidebar. |
Highlight Colour | #FF8433 | Used for hovered or active elements such as links, buttons, and icons. |
Primary Button Colour | #0F53FA | Sets the main colour for primary action buttons. |
Link Colour | #4400FF | Specifies the colour of text links throughout the interface. |
Status Colour | #143C8A | Controls the default colour associated with workflow status fields |
Company Logo | The Encodify logo | Upload a logo to be displayed in the top bar. Recommended max height: 90px. |
How to access the Theme Library
To access the Theme Library in Encodify:
Click Configuration in the side navigation menu.
Select Themes from the configuration options.
An image highlighting the theme library
Configuring a Theme
To add a new Theme, follow these steps:
Click Add New Theme to open the configuration wizard.
Enter a Name for the theme.
An image highlighting the Colours tab when adding a new Theme
An image highlighting the General tab when adding a new Theme
Click the Colours tab or click Next to proceed.
Specify your branding by selecting:
Side Bar Colour
Highlight Colour
Primary Button Colour
Link Colour
Status Colour
Upload a Company Logo to appear in the theme.
Click Save to confirm and create the theme.
A live preview will be displayed throughout the configuration process, allowing you to visualise the theme in real time before saving.
An image highlighting the Colours tab when adding a new Theme
An image highlighting a theme applied to the user interface
Assigning a Theme to a Site
To apply a theme at the site level, follow these steps:
Navigate to System Configuration.
Locate the relevant site and click the edit (pencil) icon.
In the Edit Site window, select the Appearance tab.
In the Dashboard Theme dropdown, select the desired theme from the list.
Click Save to apply the changes.
An image highlighting the Dashboard Theme setting applied to a Site
Assigning a Theme to a User
To apply a theme at the user level, follow these steps:
Navigate to Configuration → User Management from the side navigation.
Locate the relevant user and click Edit from the actions ellipsis
In the Edit User modal, go to the Site Details tab.
From the Theme dropdown, select the desired theme.
Click Save to apply the changes.
An image highlighting assigning a Theme to a user