Customizing Color Schemes

Confluence administrators can configure a new color scheme for the site. The default color scheme for the site will also become the default for all spaces within it. Space administrators can configure a different color scheme for spaces. The space color scheme will override the site-wide color scheme.

To change the site's color scheme:

  1. Choose the cog icon , then choose General Configuration under Confluence Administration
  2. Choose Color Scheme in the left-hand panel.
  3. Choose Edit.
  4. Enter standard HTML/CSS2 color codes, or use the color-picker to choose a new color from the palette provided.
  5. Choose Save. Any changes you make will immediately be reflected across the Confluence site.

On this page

Related pages:


Some UI elements below are for specific themes, and color changes may not take effect for other themes. 

  • Top Bar - the top navigation bar background
  • Top Bar Text - the text on the top navigation bar
  • Header Button Background - buttons on the top navigation bar (e.g. Create button)
  • Header Button Text - the text on buttons on the top navigation bar
  • Top Bar Menu Selected Background - background color of top navigation bar menu items when selected (e.g. spaces)
  • Top Bar Menu Selected Text - text color of top navigation bar menu items when selected
  • Top Bar Menu Item Text - text on top navigation bar drop down menus (e.g. help or cog)
  • Menu Item Selected Background - highlight color on top navigation bar drop down menu items
  • Menu Item Selected Text - text color on highlighted top navigation bar drop down menu items
  • Search Field Background - the background color of the search field on the header
  • Search Field Text - the color of the text in the search field on the header
  • Page Menu Selected Background - the background color of the drop down page menu when selected
  • Page Menu Item Text - the text of the menu items in the drop down page menu
  • Heading Text - all heading tags throughout the space
  • Space Name Text - the text of the current space name located above the page title
  • Links  - all links throughout the space
  • Borders and Dividers - table borders and dividing lines
  • Tab Navigation Background  - the background color of the tab navigation 
  • Tab Navigation Text - the text of the tab navigation when highlighted
  • Tab Navigation Background Highlight  - the background color of the tab navigation when highlighted
  • Tab Navigation Text Highlight - the text of the tab navigation  elements when highlighted

Screenshot: Editing the color scheme 


When you upload a site logo,  Confluence automatically detects the colors in your logo and customizes the color scheme for you. 

You can change the color scheme as above, or reset your color scheme back to the default (and still keep your new site logo).

To reset the color scheme:

  1. Choose the cog icon , then choose General Configuration under Confluence Administration
  2. Choose Color Scheme in the left-hand panel.
  3. Choose Edit.
  4. Choose Reset.

Notes

  • If you make a mistake, just choose Reset and then try again.
  • Some UI elements are specific to the default theme and may not take effect for other themes.

Was this helpful?

Thanks for your feedback!

Why was this unhelpful?

Have a question about this article?

See questions about this article

Powered by Confluence and Scroll Viewport