Customizing Buttons branding settings

From the Buttons branding settings, you can refine the look and feel of actions throughout TopClass by customizing button styles to align with your organization’s brand. These settings allow you to define the colors of primary, secondary, and tertiary buttons, as well as catalog-specific buttons, along with their corresponding text colors.

By applying hex color codes, you can ensure important actions stand out appropriately, create clear visual hierarchy between button types, and maintain a consistent, branded experience across the platform.

👍

Tip

It is recommended to use colors that are complimentary to those chosen for the Header and Page (Global) Section colors.

To customize the global branding of Buttons, do the following:

1. Go to Customizations > Branding.

2. Click the Buttons tab. Update the following settings:

   📘

   Note

   Changing these settings will affect buttons, form buttons, action/task buttons, drop-down buttons, and so forth. Click the question mark (?) icon beside each component to view the associated button.

   • Primary Button Color – Set the color of primary buttons using a hex color code.
   • Primary Button Text Color – Set the color of primary button text using a hex color code.
   • Secondary Button Color – Set the color of secondary buttons using a hex color code.
   • Secondary Button Text Color – Set the color of secondary button text using a hex color code.
   • Tertiary Button Text Color – Set the color of tertiary buttons using a hex color code.
   • Catalog Buttons Color – Set the color of catalog buttons using a hex color code.
   • Catalog Buttons Text Color – Set the color of catalog button text using a hex color code.

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.