Edit a Space's Color Scheme
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:
- Go to the space and select Space tools, then Look and feel from the bottom of the sidebar
Select Color scheme.
Enter standard HTML/CSS2/CSS3 color codes or use the color picker to select a new color from the provided palette.
- 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
Handy Hint
If you mess things up, just select Reset and try again.