Create common branding

Personalize the IBM® Verify pages for your company in an application on your Verify tenant. You can change the IBM logo, IBM copyright, style, and so on, of the Verify pages to match your company's brand.

Before you begin

Download the themes files. See Download a theme with API.

About this task

Changes made in the common folder are displayed in most of the theme pages for the application in your Verify tenant.

Procedure

  1. Extract the files from the compressed theme file from Download a theme with API.
  2. Open the templates/common folder.
  3. Customize the files.
    Note:

    Do not change the file names. Update only the content within the theme files. Updates to customized files under the common/logo/ and common/static/ folders can take up to 5 minutes to take effect. Clear your browser cache after making updates.

    1. Change the logo.
      Replace the logo/default/logo.svg with a graphic of your company's logo. Use the same file names. An optional logo/default/logo.png file is provided. If the .png file type is used, update the page_components/default/page_header.html file with the logo.png file name.
    2. Add your company's copyright information to the theme pages.
      Modify the page_components/default/page_footer.html file.
      The following labels are available on the page_footer.html page. Change the copyright labels as described in Customizing labels.
      • $COPYRIGHT_LICENSED$
      • $COPYRIGHT_PART_NUMBER$
      • $COPYRIGHT_SINCE_YEAR$
      • $COPYRIGHT_ALL_RIGHTS$
      • $COPYRIGHT_TRADEMARK$
    3. Replace the logo with text or add more text to the header.
      Modify the page_components/default/header.html file.
    4. Replace the css styling and color schema.
      Modify the page_components/default/page_style.css file. The styling that you add here overrides the classes from <tenant>/usc/css/stateless.css.
    5. Replace the product name displayed by pages. See Customizing labels to change the product name.
      • $PRODUCT_NAME$
      • $LOGOUT_OK_TITLE$
      • $LOGIN_TITLE$
  4. Update the compressed theme file with your customizations and upload the file back to your tenant. See Register a new theme or Updating a theme.