Updating the UI theme in the Wired portal

To update the UI theme that is used in the Wired portal, you update the value of the mcnpUiThemeConfig attribute in the Wired orchestration custom resource.

Before you begin

The default UI theme that is used in the Wired portal is ibm. This theme is based on the Carbon design system and uses a black and white color scheme.

You might want to create your own theme. For more information, see Creating a UI theme for the Wired portal.

Procedure

  1. Retrieve the name of the Wired orchestration custom resource (CR) by running this command:
    oc get cp4nawired
  2. Edit the CR by running this command:
    oc edit cp4nawired cp4nawired-default
    Set the value of the mcnpUiThemeConfig attribute to the name of the theme that you want to use. This name must match the name of the archive file that contains the theme, but without the .tar extension.
    For example, to use a theme that is called greentheme and is packaged into an archive file that is called greentheme.tar, specify the following setting in the CR:
    mcnpUiThemeConfig: greentheme
  3. Save your changes. The UI settings in the Wired configuration map, that is, cp4na-o-mcnp, are automatically updated with the theme that you specified.
  4. If the theme is not updated in the portal, restart the Wired pods by completing these steps:
    1. Get the names of the Wired pods, that is, the mcnp pods, by running this command:
      oc get pods -n <cp4na_namespace> | grep -i mcnp

      <cp4na_namespace> is the namespace where the Wired portal is installed.

    2. Delete each mcnp pod by running this command:
      oc delete pod -n <cp4na_namespace> <mcnp_pod_name>

      <mcnp_pod_name> is the name of the mcnp pod.

      The pods restart automatically.

Results

The Wired portal is updated to use the new theme. If you are connected to the portal in a browser session, refresh the browser to view the new theme.