Apps documentation
Theme Extension for Jira Service Management
Cloud Server/Data Center
Theme Extension for Jira Service Management

Cloud

Server/Data Center

Documentation
FAQ
Release notes
Articles & Videos
Last updated Apr 16, 2024

Visual

Understand how to determine the look of your Page.

The Visual category of the Page settings editor allows you to configure multiple aspects of your Page’s look, like changing the active template or configuring the colors of different sections, fonts and headers.

Below you can see an example of the already configured Page with highlighted components. By comparing the components to their names you can easier find your way around the editor.

Theme Extension for Jira Service Management - Page layout
Theme Extension for Jira Service Management - Page layout
  1. Main section
  2. Navigation section
  3. Primary font
  4. Secondary font
  5. Hyperlink
  6. Header
  7. Page name
  8. Selected element
  9. Top menu elements

Read the steps below to learn how to configure your Page so that its visual layer is customized.

Steps

Note

By accessing the Visual category of the editor you can see the color compositions of the active Template and the layout of the Theme which has been selected during the creating Page process, e.g. Violet. You can change the template by clicking on the drop-down list or you can proceed to selecting the Main section and Navigation section colors.

Theme Extension for Jira Service Management - Page layout
Theme Extension for Jira Service Management - Page layout
  1. Set the colors of the Main section using the color picker, HEX code, or RGB codes.
    Theme Extension for Jira Service Management - Color picker
    Theme Extension for Jira Service Management - Color picker
    Tip

    Use the minus icon to turn off the configuration of individual colors. That way they will automatically match the background color to create the best possible composition. You can always configure them manually by clicking the plus icon.

    Theme Extension for Jira Service Management - Automatic colors
    Theme Extension for Jira Service Management - Automatic colors
  2. Turn on the toggle if you want the request type icons to be visible on the Page.
    Theme Extension for Jira Service Management - Show request type icons
    Theme Extension for Jira Service Management - Show request type icons
Note

Any change in the Visual category will automatically switch the active template to Custom which can later be saved as a new template in order to preserve the already existing ones.

  1. Set the colors of the Navigation section using the color picker, HEX code, or RGB codes.
Tip

By using the minus icon, the Navigation section colors can also inherit the color composition from the Main section background color.

Result

The visual layer of you Page is configured.

Theme Extension for Jira Service Management - Visual result
Theme Extension for Jira Service Management - Visual result

Next up

To finish the Page configuration, proceed to publishing. You can also continue editing by moving to the General category of the Page settings.