Colors
How the different colors are used in the Enterprise Theme or 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 different contexts or 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.
Here is an explanation how the standard Confluence colors are used in the Documentation Theme:
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 | Example |
|---|---|---|---|
| Top Bar Text | breadcrumbstextcolour | Changes the colour of the bread crumbs. |  |
| Top Bar Menu Selected Text | menuitemselectedtextcolour | Changes the header text colour while hovering. |  |
| Top Bar Menu Selected Background | topbarmenuselectedbgcolour | Changes the background colour of a top bar Menu while hovering. |  |
| Top Bar Menu Item Text | topbarmenuitemtextcolour | Changes the font colour of the drop down Menu. |  |
| Top Bar | topbarcolour | Top Bar changes the colour of the Top bar. |  |
| Tab Navigation Text Highlight | navselectedtextcolour | Changes the font colour of the Letterboxes while hovering. |  |
| Tab Navigation Text | navtextcolour | Only applies in Documentation Theme in the move page dialog. |  |
| Tab Navigation Background Highlight | navbgcolour | Changes the background colour of the Letterboxes while hovering. |  |
| Tab Navigation Background | navbgcolour | Changes the background colour of the Letterboxe. |  |
| Space Name Text | spacenamecolour | Changes the font colour of the Themebar. |  |
| Search Field Text | searchfieldtextcolour | Changes the font colour of the search text typing in to the search field and the magnifier icon. |  |
| Search Field Background | searchfieldbgcolour | Changes the background colour of the search field. |  |
| 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. |  |
| Header Button Text | headerbuttontextcolour | Changes the font colour of a Header Button. |  |
| Header Button Background | headerbuttonbasebgcolour | Changes the background colour of Header Buttons. |  |
| Borders and Dividers | bordercolour | Changes the colour of the quote border. |  |
| Heading Text | headingtextcolour | Changes the font colour of headings. |
|
Documentation of the additional Enterprise Theme colors
| Title | Code | Description | Example |
|---|---|---|---|
| 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. |  |
| Menu Border Bottom | color_mainmenu_border_bottom | Changes the colour of the line below the menu. |  |
| Main Link | color_links_special | Changes all the links on page. | .png?inst-v=062ee6a2-a8e8-42f3-8a05-e19b756f711a) |
| Highlight | color_header_border_footer | Changes the colour of the Titel Border of a Titled Panelbox and other various items. |  |
| Header Background Color | color_aui_header | The color of the Confluence header menu. |  |
| Footer Link (Second Level) | color_footer_links | Changes the font colour of the second level Footer Menu. | .png?inst-v=062ee6a2-a8e8-42f3-8a05-e19b756f711a) |
| Footer Link (First Level) | color_footer_links_head | Changes the font colour of the first level Footer Menu. | .png?inst-v=062ee6a2-a8e8-42f3-8a05-e19b756f711a) |
| Footer Background | color_footer | Changes the background colour of a Footer Menu. |  |