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 select Space tools, then Look and feel from the bottom of the sidebar
  2. Select Color scheme.

  3. Enter standard HTML/CSS2/CSS3 color codes or use the color picker to select a new color from the provided palette.

  4. Select Save.

Customizable Elements

The color scheme allows you to edit the colors of UI elements, including the header, menus, and backgrounds. 

  • Header - the background color of the top navigation bar

  • Header items - the color of the items on the top navigation bar

  • Header item hover background - the background color of header items when hovering and selecting

  • Header item hover text - the color of the header menu items when hovering and selecting

  • Header button - buttons on the top navigation bar (e.g. Create button)

  • Header button text - the text color on the header buttons

  • Search field background - the background color of the search field on the header

  • Search field text - the text color in the search field on the header

  • Menu item text - the text color of items in dropdown menus

  • Menu item hover background - the background color of items in dropdown menus when hovering and selecting

  • Menu item hover text - the text color of items in dropdown menus when hovering and selecting

  • Heading text - the color of heading tags


tip/resting Created with Sketch.

Handy Hint

If you mess things up, just select Reset and try again.

Last modified on Oct 3, 2024

Was this helpful?

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