How the different colors are used in the Enterprise Theme or in the default Confluence setup.

There are two different kinds of colors: the Confluence standard colors and the additional Enterprise Theme colors. Both are used in a different context or different cases. This page will help you if you want to adjust a specific color. You can see here where the colors are used without changing and trying out all available colors.

On this page:

Related pages:

Designs

Here is an explanation how the standard Confluence colors are used in the Documentation Theme:

Confluence Documentation

The following section lists examples of how the colors are used in Confluence. In the example pictures, the described color is displayed in red.

Documentation of the Confluence colors

Title	Code	Description
Tab Navigation Background Highlight	navbgcolour	Changes the background colour of the Letterboxes while hovering.
Header Button Text	headerbuttontextcolour	Changes the font colour of a Header Button.
Header Button Background	headerbuttonbasebgcolour	Changes the background colour of Header Buttons.
Top Bar Menu Selected Text	menuitemselectedtextcolour	Changes the header text colour while hovering.
Search Field Background	searchfieldbgcolour	Changes the background colour of the search field.
Search Field Text	searchfieldtextcolour	Changes the font colour of the search text typing in to the search field and the magnifier icon.
Space Name Text	spacenamecolour	Changes the font colour of the Themebar.
Tab Navigation Background	navbgcolour	Changes the background colour of the Letterboxe.
Tab Navigation Text	navtextcolour	Only applies in Documentation Theme in the move page dialog.
Tab Navigation Text Highlight	navselectedtextcolour	Changes the font colour of the Letterboxes while hovering.
Top Bar	topbarcolour	Top Bar changes the colour of the Top bar.
Top Bar Menu Item Text	topbarmenuitemtextcolour	Changes the font colour of the drop down Menu.
Top Bar Menu Selected Background	topbarmenuselectedbgcolour	Changes the background colour of a top bar Menu while hovering.
Top Bar Text	breadcrumbstextcolour	Changes the colour of the bread crumbs.
Page Menu Selected Background	menuselectedbgcolour	This colour is unused in Enterpise Theme, instead Menu Item Selected Background colour is used.
Page Menu Item Text	menuitemtextcolour	Changes the font colour of Page Menu Items.
Menu Item Selected Text	menuitemselectedtextcolour	Changes the font colour of a selected dropdown menu item.
Menu Item Selected Background	menuitemselectedbgcolour	Changes the background colour of a selected Menu drop down Item.
Links	linkcolour	Changes the colour of Links in edit mode and in Dialogs.
Heading Text	headingtextcolour	Changes the font colour of headings.
Borders and Dividers	bordercolour	Changes the colour of the quote border.

Documentation of the additional Enterprise Theme colors

Title	Code	Description
Header Background Color	color_aui_header	The color of the Confluence header menu.
Menu Border Bottom	color_mainmenu_border_bottom	Changes the colour of the line below the menu.
Top Menu Hover	color_topbar_trigger_color_hover	Changes the Top Menu font colour while hovering.
Top Menu	color_topbar_trigger_color	Changes the Top Menu font colour.
Titled Panelbox Title	color_header_font_flat	Changes all the font colours of Titled Panelboxes on the page.
Themebar	color_main_column_header	Changes the colour of the Themebar.
Secondary Link	color_links	Changes the link colour in sections like Header, Footer or Sidebar, but not in the main section.
Main Link	color_links_special	Changes all the links on page.
Highlight	color_header_border_footer	Changes the colour of the Titel Border of a Titled Panelbox and other various items.
Footer Link (Second Level)	color_footer_links	Changes the font colour of the second level Footer Menu.
Footer Link (First Level)	color_footer_links_head	Changes the font colour of the first level Footer Menu.
Footer Background	color_footer	Changes the background colour of a Footer Menu.