You can easily customise JIRA's look and feel to suit your needs:

  1. Log in as a user with the 'JIRA Administrators' global permission.
  2. Select 'Administration' > 'System' > 'User Interface' > 'Look and Feel'.
    (tick) Keyboard shortcut: 'g' + 'g' + start typing 'look and feel'
  3. The 'Look and Feel Configuration' page will be displayed as follows:
    Screenshot: Look and Feel Configuration
  4. To edit the logo, colours or time format, click the 'Edit Configuration' button at the bottom of the page, which opens the page in edit mode. In edit mode:
    • To access the remaining options on the page, click 'Customize Colours And Dates' to expand this section of options.
    • To save your configuration changes, click the 'Update' button.
    • To leave edit mode and return to the 'Look and Feel Configuration' page, click the 'Cancel' button.
    • To reset JIRA back to its default look and feel, click the 'Reset Defaults' button.
      (warning) Be aware that this is an immediate action and does not require the 'Update' button to be clicked.

Here is a list of the different configuration options available, and what they do.

On this page:

Logo

The logo appears in the top left corner of every JIRA page while the favicon appears typically to the left of your your browser's URL field and on browser tabs displaying a page on your JIRA site. You can easily replace the default JIRA logo and/or favicon with an image of your choice.

Option

Explanation

Preview (Logo)

A preview of your JIRA site's current logo is shown here.

Favicon Preview (Favicon)

A preview of your JIRA site's current favicon is shown here.

In edit mode:

(tick) Tip: If you use a JIRA WAR distribution, it is recommended that you add your logo images to the edit-webapp subdirectory of your JIRA Installation Directory prior to building your WAR distribution file. For details on building JIRA WAR distributions, refer to the application server-specific documentation in the Installing JIRA WAR section.

(warning) Please Note: If the JIRA logo/favicon does not appear after changing it to a custom one, ensure that the URL specified uses the correct case as this may be case-sensitive. Try copying and pasting the URL into a browser and check that the image appears.

Colours

The following options control the appearance of the entire JIRA user interface.

Option

Explanation

Header Background Colour

The background colour of the top bar (the one that includes the image).

Header Highlight Background Colour

The background colour of the text that sits inside the top bar, when selected or when the mouse hovers over it.

Header Text Colour

The colour of the text that sits inside the top bar (such as your user name when you are logged in).

Header Text Highlight Colour

The colour of the text that sits inside the top bar, when selected or when the mouse hovers over it.

Header Separator Colour

The colour of the horizontal line between the top bar and the navigation bar.

Navigation Bar Background Colour

The background colour of the bar that contains the links to 'Dashboards', 'Projects', etc.

Navigation Bar Text Colour

The text color of the links in the menu bar (e.g. 'Dashboards').

Navigation Bar Separator Colour

The colour of the vertical dotted line between each menu item and its drop-down symbol (triangle).

Link Colour

The colour of the text links on any JIRA page.

Link Active Colour

The colour of the text links on any JIRA page, when selected.

Heading Colour

The colour of the text headings on any JIRA page.

(info) Please note:

Gadget Colours

These seven colours are the seven options from which users can select when changing the colour of a gadget's frame on their JIRA dashboard. Colour 1 is the default frame colour for newly-added gadgets.

(info) Please note:

Date/Time Formats