Edit a Space's Color Scheme

On this page

Still need help?

The Atlassian Community is here for you.

Ask the community

Spaces inherit the global color scheme by default, but if you have admin permissions for a space, you can jazz it up with your very own customizable color scheme.

To change the color scheme for a space:

  1. Go to the space and choose Space tools > Look and Feel from the bottom of the sidebar
  2. Choose Color Scheme
  3. Choose Select next to a scheme listed under Custom Color Scheme (if not already selected)
  4. Choose Edit
  5. Enter standard HTML/CSS2 color codes or use the color-picker Confluence colour picker to choose a new color from the palette provided

Customizable Elements

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

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
  • Links  - all links throughout the space
  • Borders and Dividers - table borders and dividing lines


tip/resting Created with Sketch.

Handy Hint

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

Last modified on Apr 2, 2024

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.