This documentation supports the 20.08 version of BMC Helix Platform.  To view an earlier version, select 20.02 from the Product version menu.

Tailoring the application skin and brand


BMC Helix Innovation Studio enables you to customize the appearance of your Digital Service applications that suit your organization's branding. Using the Administration tab in  BMC Helix Innovation Studio you can do the following customization:

  • Configure the skin for an application – Change the appearance of components (such as panels, links, borders, or text) on a view of an application without having to modify the application.
  • Configure the logo for an application – Customize the look and feel of the application by uploading the tenant's brand-related image files and messages.

To configure the skins for applications

  1. Log in to BMC Helix Innovation Studio and navigate to the Administration tab.
  2. Select Configure My Server > Skinning and Branding > Define Application Colors.
  3. In the right pane, configure the parameters for colors and logo images and save your changes.
    The following table provides a list of available parameters for each area:

    Area

    List of Parameters

    Inputs

    • Input Background Color
    • Input Border Color
    • Input Text Color

    General

    • Main Background Color
    • Main Border Color
    • Main Text Color
    • Heading Color

    Notification

    • Notification Error Background Color
    • Notification Info Background Color
    • Notification Successful Background Color
    • Notification Text Color
    • Notification Warning Background Color
    • Tooltip Background Color
    • Tooltip Text Color

    Buttons

    • Primary Background Color
    • Primary Border Color
    • Primary Button Text Color
    • Secondary Background Color
    • Secondary Border Color
    • Secondary Text Color

    Images

    • Small Logo (against a dark background)
    • Small Logo (against a light background)
    • Large Logo (against dark background)
    • Large Logo (against light background)
    • Favorites Icon

    Panels

    • Default Panel Background
    • Default Panel Text Color
    • Selected Panel Background Color
    • Selected Panel Text Color

    Links

    • Link Color
    • Nav Background Color
    • Nav text color
    • Nav selected text color

To revert the changes to the default values, click Reset to Default.

Notes

  • On a shared system, you can manage themes only for your applications and not for all available applications.
  • The customizations made by the administrator are applied to all the applications that are added in the tenancy after the changes are made.
  • The existing tenants and users are not affected by the customizations.

To add logo images

  1. Log in to BMC Helix Innovation Studio and navigate to the Administration tab. 
  2. Select Configure My Server > Skinning and Branding > Define Application Colors.
  3. In the right pane, in the Images section, upload the logo and click Save. You must use upload only PNG, JPEG, or SVG images.

    Fields

    Example

    Small logo (against a dark background)

    BMC Helix_Small logo.png

    Large Logo (against dark background)

    BMC Helix_ Large logo.png

    Favorites Icon

    BMC Helix_Favorites Icon.png

After you receive a message that theme is generated, the changes are applied to the logo images.

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*