Documentation
Documentation

Customizing Global branding settings

From the Global branding settings, you can choose from pre-configured themes for a quick visual update or select the default option to fully customize the look and feel using hex color codes. Administrators can control colors for page backgrounds, text, links, secondary containers such as widgets and tables, and key action buttons like Enroll, Launch, and Purchase.

You can also enable Dark Mode and allow users to select their preferred theme, giving them greater control over their individual experience while maintaining overall brand consistency.

👍

Tip

Use white (#ffffff), light gray shades (for example, #f8f8f8), or light pastel colors (for example, #f9f5ff) for page and secondary container background colors.

👍

Tip

Ensure there is sufficient contrast between text or link colors and background colors to meet accessibility requirements.

To customize the Global branding settings, do the following:

  1. Go to Customizations > Branding.
  2. Click the Global tab. Update the following settings:
    • Theme – Choose from a list of pre-configured themes: Lavender, Skyline, Terracotta, Dark or if set to Base (Default), Super Administrators can customize each component below using hex color codes.
    • Enable Dark Mode for Users – Enable to add a Dark Mode option on user profile settings.
    • Enable Theme Selection for Users – Enable to add a Select Theme option on user profile settings.
    • The following is a list of customizable pages/screen components:
      • Pages/Screens Background Color (Primary Containers)
      • Pages/Screens (Primary Containers) Text Color
      • Pages/Screens (Primary Containers) Link Color
      • Secondary Containers Background Color, e.g. Widgets, Tables, List Items, Forms, Overlays, Popup, Modal elements.
      • Secondary Containers Text Color
      • Secondary Containers Link Color
      • Action Buttons Background Color (Primarily for Student Screens) e.g. Enroll, Launch, Purchase actions
      • Action Buttons Text Color
  3. Click Save.
  4. To reset a single customization, click Reset. To restore all branding settings to the system defaults, click Reset All at the top of the page.