Colors and logos

To customize colors and logos, open the main menu, select the General settings module, Visual settings, and click the Colors and logos: option

This block displays the fields to customize the system colors and logo:

Attention: Visual settings are applied to all platform users, including in the mobile app.

Interface

In this section, we can enable and disable the configured customization through the button

Colors

Primary color: This color is applied to titles, menus, cards, icons, and buttons. Avoid using very light colors; choose a color that contrasts with white text to allow readability.

Top bar color: This is the color of the top bar where the logo and user menu are located. Use a color slightly darker than the primary color.

Gradient bar: This is the thin bar at the top of the screen, above the top bar. It is also possible to disable the gradient bar by clicking the button

Logos

Positive logo: This is the positive version of the logo, applied on a white background.

Negative logo: This is the negative or inverted version of the logo, applied on a dark background.

Login screen

Background image: Choose an illustrative image that contrasts with white text.

Overlay: Color layer overlaid on the background image.

Hide local account: If active, the username and password fields are hidden from the login screen.

Intro text: The text displayed on the right over the image.