From the Hub Services console, you can customize the logo, text color, and background color that appears in the Intelligent Hub app on devices and in the user portal web browser view.

You can use the color picker tool to view and select colors that are used in the Intelligent Hub app mobile and web browser views. Click and drag on the circle in the color field to select a shade of color. Use the slider to select the hue.

If you do not want to customize these views, the VMware designated Hub logo and background colors are used.

Procedure

  1. Navigate to the Hub Services console, Home page.
  2. Click Branding.
  3. Edit the settings in the Branding page as appropriate. To add a color, enter the hexadecimal color code. You can use the color picker to select the exact color that is required. The hexadecimal color code is displayed in the corresponding text box.
    Option Description
    Organization Name Enter the organization name to use as the title that displays in the browser tab. The default is VMware.
    Product Name Enter the text that displays after the organization name in the browser tab. The default is Intelligent Hub.
    Company Logo

    Click Upload to replace the current Intelligent Hub logo that displays on the mobile, web browser, and desktop views.

    The maximum size of the logo image is 200 x 80 pixels. The format can be JPEG, PNG or GIF.

    Favicon A favicon is an icon associated with a URL that is displayed in the browser tab. The maximum size of a favicon image is 16 x 16 pixels. The format can be JPEG, PNG or GIF. Click Upload to upload a new image to replace the current favicon.
    Navigation Bar

    Background Color. The default is white (#FFFFFF). Click the square next to the text box to use the color picker or enter a six-digit hexadecimal color code over the existing one to change the navigation bar background color.

    Type & Icon Color. Depending on your background color, select either Black or White for the text color.

    Body/Content

    Interactive Color (Tint). The default is #1393C7. Click the square next to the text box to use the color picker or enter a six-digit hexadecimal color code over the existing one to change the color that displays around an app icon.

    For more options, enable Advanced Content Branding Options.

    Background Color The default is white (#FFFFFF). Click the square next to the text box to use the color picker or enter a six-digit hexadecimal color code over the existing one to change the background color in the body of the screen.

    Type & Icon Color Depending on your background color, select either Black or White for the text color.

    Tab Bar (Mobile)

    Type & Icon Color. Select Use Default branding to display the Hub app text and icon colors. Select Same as Navigation Bar to use the type and icon color selected for the navigation bar. By default, the navigation bar displays on mobile devices and desktops. You can deselect the option to display a navigation bar on desktops.

  4. Click Save.

Results

You can preview your changes to the browser, desktop, and mobile views in the graphics boxes on the right.