Skip to main content

Installation and Administration Guide

Customize the User Interface

As an enterprise administrator, you can customize the theme of the platform's user interface (UI) to match your organization's logo and color scheme.

  1. Locate the uiTheme property in the platform's control plane installation package (control-plane-values.yaml).

  2. Reference the schema called theme-schema.json in the installer folder. This schema describes the permitted structure of the uiTheme value.

    A copy of the schema is also in this guide under User Interface Theme Schema.

  3. Modify uiTheme inside of control-plane-values.yaml as needed to match your organization's logo and color scheme by constructing a JSON value that matches the schema described in theme-schema.json.

    For example, to change the user interface primary colors from the platform's default color scheme to your organization's color palette, you could replace the colors with the appropriate hexadecimal values. The entry for "5" is the lightest color variation, and "100" is the darkest variation.

    {
    	"colors": {
    		"components": {
    			"hero": {
    				"primary": {
    					"5": "#FC0518",
    					"10": "#F40517",
    					"20": "#E40415",
    					"40": "#DB0011",
    					"80": "#CA0615",
    					"60": "#BD0412",
    					"100": "#B60210"
    				}
    			}
    		}
    	},
    }
  4. To return to the platform's default color scheme, edit uiTheme to simply include {}.