System Style

User interface branding

Various elements of login page and application start screen can be modified using system settings. 

To make changes, go to Administration - System Settings - General Settings - System Style:

Open

Options in General section:

1. Name - this is the application title used as header - required when main logo is not provided. 

2. Subtitle - this is a subtitle shown under main header. in can be used together with the main title (Name) or with main application Icon. Will be omitted when left blank. 

3. Title Bar Text - text shown in browser title bar - required. 
   
   
   

Options in Colors section:

1. Background - this content will be used as an background image. Default setting includes a light, vector based pattern.

2. Background Color - background color used on startup screens.

3. Main text color - color used for main texts (like application title)

4. Secondary Text Color - color used for secondary smaller texts like "Privacy policy"

Options in Icons section:

1. Icon - name of main icon file (application logo)

2. icon width - width of the main icon in px

3. Fav Icon - file name of icon to be used as fav icon (visible in browser tab)

4. System logo - used as logo in the main interface

5. System logo width - width to reserve for logo on application toolbars

Options in Provider section:

Additional section used below login screen

1. Provider name - name to be used as Alt text in icon

2. Provider link - link to be used under provider icon

3. Provider icon - additional icon to be used below login screen

4. Provider icon width - width of the icon to set

 Note: icons must be specified by file name. File must be uploaded to system configuration directory into SystemStyle directory. Files cannot be uploaded via API/GUI.

Custom toolbar button

A custom button with a link and tooltip can be set here. It will be rendered on main toolbar:

Open

Sample settings:

UI Theme

When user has a Material theme selected, its colors, both for Light and Dark theme mode can now be set from System style menu.

This theme is built in a way that will derive other color shades from these base colors. Although some colors like e.g. warning Red and Orange are hard coded and cannot be changed.

Please take that into account and select colors that play well with other fixed colors.