Skip to main content
Skip table of contents

Theme

The theme defines how TrustBuilder Safe-T interfaces look to end users by applying branding elements such as logos and colors.

Trustbuilder Authenticator supports theme customization starting from version 7.11.

Customize theme

Theme customization is done at the tenant level and affects all supported user interfaces for that tenant.

To customize the tenant theme from the Admin Portal:

  1. Go to Settings > Theme.

  2. In the Brand Identity section, select logos to use:
    (error) Logos are not yet applied on login pages or Self-Service Portal. This will be a part of futur improvement.

    • For Horizontal logo, choose:

      • Default logo (TrustBuilder logo), or

      • Custom logo to upload your own file.
        Minimum size: 256 × 128 px (512 px width recommended)
        Max file size: 720 KB
        Formats: PNG, JPG, SVG
        Recommended ratio: 2:1 to 4:1
        Transparent background recommended

    • For Square logo (used for favicons, mobile apps, profile avatars), select:

      • Default logo (TrustBuilder icon), or

      • Custom logo to upload your own square format logo.
        Minimum size: 256 × 128 px (512 px width recommended)
        Max file size: 720 KB
        Formats: PNG, JPG, SVG
        Recommended ratio: 2:1 to 4:1
        Transparent background recommended

  3. In the Color system section, customize the colors:

    • Primary color: Select the color for primary buttons, icons and avatars.
      The default value is #4353ff.

    • Page background: Select the background color for pages.
      The default value is #FFFFFF (white).

    • Login background: Select the background color for login pages (web pages only).
      The default value is #F6F7FE.

  4. In the Theme Preview section, review how your customizations will appear.
    The preview displays the key branded elements (logos, button styles and background colors).

Make sure your primary color is clearly visible against your background colors.

  1. Click Apply theme to save your changes.

  2. Click Apply to confirm your choice.

Changes are visible to end users after their next login.

 

DEFAULT

 

image-20260318-085926.png

Login portal - Default color system

image-20260318-085856.png

Self-service portal - Default color system

 

 

CUSTOM EXAMPLE

 

image-20260318-093136.png

Login portal - Custom color system

image-20260318-093238.png

Self-service portal - Custom color system

 

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.