Themes Designer

Learn to design branding, logos, colors, and fonts to the UI Theme

Last published at: February 24th, 2026

You'll need to navigate to Administration > UI Theme.  

 

The Themes page is rendered below.

 

Select the Actions menu to access the “Create, Design, Rename, Copy, Remove, and Apply Theme” features. You may select the UI Theme from the table and choose the “Design” menu option to modify the branding, logos, colors, and fonts. 

 

Action - Create New Theme.

Select Actions > Themes from the menu. A configuration pop-up window appears. Enter a UI Theme name, then click the Save button. 

 

The new UI Theme has been created, and a confirmation message is displayed in the top-right corner. 

 

The page navigates to the UI Theme Designer, and the “Branding” configuration is displayed by default, as shown below. 

 

 

Action - Branding.

The following UI allows customization of UI branding. When the user logs in again, the application name and page title changes are reflected. Enter the application name and page title, then click the Save button. A confirmation message appears in the top-right corner. 

 

 

Action - Logos.

You can customize the application logo, login logo, and background image using this feature. 

Click the Choose File button to select an image (with the specified resolution and type) from your local folder. Click the Preview button to verify the UI Theme logo. Click the Upload button to confirm the upload. When the user logs in again, the changes are reflected. 

 

 

Action - Colors.

The UI color scheme can be fully customized using the following UI, which provides a real-time preview. 

 

Use the drop-down feature to select colors to customize the UI, including the Left Menu, Top Menu, User Area, Display Area, and Tables. 

Here, the UI Left Menu Background Color is configured (for reference).  

 

During UI Theme customization, you can preview between the “Application Page” and “Login Page” using the Preview switch, as shown below.  

 

Scroll to the bottom of the page, then select the Save button to confirm the changes. 

 

On the Themes page, select the “Utils - Restore Default Theme” option to revert the changes to the default theme. 

 

 

Action - Fonts.

The application font can be set using the following UI. Click the drop-down to view the font list, then select a font. The application supports OTF and TTF font formats. Custom fonts can also be uploaded and configured using the “Choose File” feature.