Editing a Space's Colour Scheme

Confluence allows you to customise the colour scheme of a space. By default, a space's colour scheme is based on global settings configured from the Administration Console.

You need to be a space administrator to edit a space's colour scheme.

To change the colour scheme for a space:

  1. Go to the space and choose Space tools > Look and Feel on the sidebar.
  2. Choose Colour Scheme
  3. Choose Select next to a scheme listed under Custom Colour Scheme (if not already selected).
  4. Choose Edit.
  5. Enter standard HTML/CSS2 colour codes, or use the colour-picker to choose a new colour from the palette provided. Any changes you make will immediately be reflected in this space.

If your space uses the Documentation theme:

  1. Choose Browse > Space Admin at the top of the screen.Note: The 'Space Admin' option appears only if you have space admin permissions for the space or you have System Administrator global permissions.
  2. Choose Colour Scheme under the heading Look and Feel.
  3. Follow the steps above to select a custom colour scheme and edit the colours. 

The colour scheme allows you to edit the colours of UI elements including the top bar, tabs and backgrounds. 

Some UI elements below are for specific themes, and colour 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 colour of top navigation bar menu items when selected (e.g. spaces)
  • Top Bar Menu Selected Text - text colour 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 colour on top navigation bar drop down menu items
  • Menu Item Selected Text - text colour on highlighted top navigation bar drop down menu items
  • Page Menu Selected Background - the background colour 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 colour of the tab navigation 
  • Tab Navigation Text - the text of the tab navigation when highlighted
  • Tab Navigation Background Highlight  - the background colour of the tab navigation when highlighted
  • Tab Navigation Text Highlight - the text of the tab navigation  elements when highlighted

Screenshot: Editing the colour scheme 


Handy Hint

If you mess things up, just choose Reset then try again.

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