Creating a New Theme

Edit online

To create a new theme for White labeling your webMethods Integration tenant, do the following,

  1. Go to the White Labeling screen.

  2. On the White Labeling screen that appears, click New Theme at the upper-right of the screen.

  3. You are redirected to the following White Label configuration screen where you can add relevant details to create custom themes.

  4. Complete values for the fields, as instructed,

    • Theme Name - Provide a suitable name for the theme you want to create.
    • Theme Description - Provide a short description for this theme.
    • Primary Color - Specify the exact hex color code for the color you want to apply on the user interface header background.
    • Header Text Color - Specify the exact hex color code for the color you want to apply on the user interface header text.
    • Primary Text Color - Specify the exact hex color code for the color you want to apply on the user interface text.
    • Link Color - Specify the exact hex color code for the user interface menu links.
    • Link Border Color - Specify the exact hex color code for the border of the user interface menu links.
    • Logo -
      • Image - Upload the image that you want to display as your tenant logo. The recommended image format is JPEG, PNG, or SVG.
      • Favicon - Upload the favicon that you want to associate with your tenant. The recommended favicon format is ICO.
    • Primary Button - Style the primary button based on your choice.
      • Background Color - Specify the exact hex color code for the color you want to apply on button background.
      • Text Color - Specify the exact hex color code for the color you want to apply on button text.
      • Border Color - Specify the exact hex color code for the color you want to apply on the button border.
    • Secondary Button - Style the secondary button based on your choice.
      • Background Color - Specify the exact hex color code for the color you want to apply on button background.
      • Text Color - Specify the exact hex color code for the color you want to apply on button text.
      • Border Color - Specify the exact hex color code for the color you want to apply on the button border.
    • Footer Text - Provide the text that you want to display in the footer of the user interface. You can use the given formatting options to customize it as per your requirements.
    • About Page - Provide the content that you want to display on the About page (Tenant profile > About). You can use the given formatting options to customize it based on your requirements.
Note: The About IBM®webMethods Integration page will be replaced with this content.

Whenever you add/modify values for these fields, their outcome is instantly reflected in the corresponding Preview tab columns. This gives you an idea of how your final theme looks like when applied to your tenant. Next, click Save at the upper-right of the screen.

  1. Next, click Save at the upper-right of the screen.

The theme is successfully created and added to the list of custom themes in the White Labeling Settings screen.