Example: Applying the IBM_Blue_Green sample theme

This example describes how to apply the IBM_Blue_Green sample theme. It also illustrates, with screen captures, how each property in the theme changes the corporate branding of Cognos Analytics.

Procedure

  1. Click the Open menu icon Open menu icon, and then select Manage > Customization.
  2. In the Themes tab, click the Upload theme icon Upload theme icon.
  3. Navigate to installation_location\samples\themes, and then select the file SampleThemeBlueGreen_11_2.zip.
  4. Click Apply.
  5. Log out and log back in to Cognos Analytics to see the new theme. The colors and icons that are defined in the spec.json file appear in the Cognos Analytics window.

View images that show how each parameter in the IBM_Blue_Green theme is applied

The spec.json file for the IBM_Blue_Green sample theme contains the parameter settings listed below.

Click a parameter setting below to see its effect on the Cognos Analytics user interface:

"brandText": "The Sample Outdoors Company"

"brandText": "The Sample Outdoors Company"

"brandTextSmall": "Sample Outdoors Company"

"brandTextSmall": "Sample Outdoors Company"

"brandIcon": "images/logo_large_white.svg"

"brandIcon": "images/logo_large_white.svg"

"favicon": "images/logo_fav.png"

"favicon": "images/logo_fav.png"

"appbarBackground": "#006d5d"

"appbarBackground": "#006d5d"

"appbarForeground": "#a7fae6"

"appbarForeground": "#a7fae6"

"appbarSelectLine": "#6eedd8"

"appbarSelectLine": "#6eedd8"

"navbarBackground": "#152935"

"navbarBackground": "#152935"

"navbarForeground": "#c0e6ff"

"navbarForeground": "#c0e6ff"

"navbarSelectLine": "#7cc7ff"

"navbarSelectLine": "#7cc7ff"

"appbarPushButtonBackground": "#005448"

"appbarPushButtonBackground": "#005448"

"navbarPushButtonBackground": "#1d3649"

"navbarPushButtonBackground": "#1d3649"

"personalMenuBackground": "inherit"

"personalMenuBackground": "inherit"