In order to give you better service, we use cookies. By continuing to use our website, you agree to the use of cookies as described in our Cookie Policy.

Skip to content
The Kong Gateway OSS and Enterprise docs are now combined!  —See the docs →
|
search
Kong Gateway
2.6.x (latest)

Easy Theme Editing in Kong Manager

The Kong Developer Portal ships with a default theme, including preset images, background colors, fonts, and button styles. These settings can be edited quickly and easily from within Kong Manager, without the need to edit code.

Prerequisites

  • Kong Gateway 1.3 or later
  • Access to Kong Manager
  • The Developer Portal is enabled and running

The Appearance Tab

From the Workspace dashboard in Kong Manager, click on the Appearance tab under Dev Portal on the left side bar. This will open the Developer Portals theme editor. From this page, the header logo, background colors, font colors, and button styles can be edited using the color picker interface.

Appearance Tab

The predefined variables refer to the following elements:

Appearance Tab - Variables

Hovering over an element will show a color picker, as well as a list of predefined colors. These colors are defined by the current template and can be edited in the theme.conf.yaml file

Appearance Tab - Color Picker

Editing Theme Files with the Editor

The Dev Portal Editor within Kong Manager exposes the default Dev Portal theme files. The theme files can be found at the bottom of the file list under Themes. The variables exposed in the Appearance tab can be edited in the theme.conf.yaml file. See Using the Editor for more information on how to edit, preview, and save files in the Editor.

Theme File in Editor