Enterprise Theme for Confluence
Breadcrumbs

Colors

This guide shows 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.

Starting from Enterprise Theme version 7.0.6, the Confluence color section is no longer provided within the Enterprise Theme. Since Confluence version 9.1, the color settings for the light and dark themes of the remaining components can be made under Color Scheme .

As shown here , you can customize individual color parameters for global and space designs. Bernina Design also allows you to define separate color settings for Light and Dark 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 text.png

Top Bar Menu Selected Text

menuitemselectedtextcolour

Changes the header text colour while hovering.

Top Bar Menu Selected Text .png

Top Bar Menu Selected Background

topbarmenuselectedbgcolour

Changes the background colour of a top bar Menu while hovering.

Top Bar Menu Selected Background.png

Top Bar Menu Item Text

topbarmenuitemtextcolour

Changes the font colour of the drop down Menu.

  Top Bar Menu Item Text 2.png

Top Bar

topbarcolour

Top Bar changes the colour of the Top bar.

Top Bar.png

Tab Navigation Text Highlight

navselectedtextcolour

Changes the font colour of the Letterboxes while hovering.

Tab Navigation Text Highlight.png

Tab Navigation Text

navtextcolour

Only applies in Documentation Theme in the move page dialog.

Tab Navigation Text.png

Tab Navigation Background Highlight

navbgcolour

Changes the background colour of the Letterboxes while hovering.

Tab Navigation Background Highlight.png

Tab Navigation Background

navbgcolour

Changes the background colour of the Letterboxe.

Tab Navigation Backgrounde.png

Space Name Text

spacenamecolour

Changes the font colour of the Themebar.

Space Name Text1.png

Search Field Text

searchfieldtextcolour

Changes the font colour of the search text typing in to the search field and the magnifier icon.

Search Field Text.png

Search Field Background

searchfieldbgcolour

Changes the background colour of the search field.

Search Field Background.png

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.

Page Menu Item Text.png

Menu Item Selected Text

menuitemselectedtextcolour

Changes the font colour of a selected dropdown menu item.

Menu Item Selected Text.png

Menu Item Selected Background

menuitemselectedbgcolour

Changes the background colour of a selected Menu drop down Item.

Top Bar Menu Item Text.png

Links

linkcolour

Changes the colour of Links in edit mode and in Dialogs.

Link1.png

Header Button Text

headerbuttontextcolour

Changes the font colour of a Header Button.

Header_button_text.png

Header Button Background

headerbuttonbasebgcolour

Changes the background colour of Header Buttons.

header_button.png

Borders and Dividers

bordercolour

Changes the colour of the quote border.

Border and Divider.png

Heading Text

headingtextcolour

Changes the font colour of headings.

Heading Text.png


Documentation of the additional Enterprise Theme colors

Title

Code

Description

Example

Background


The pageโ€™s frame background color.

page-background-color-custom.png

Header Image Menu Hover Color


The highlight color of the font used in the menu of the Enterprise Theme.

header-image-menu-hover-color-custom.png

Active Tab Colour


The highlight color of the font used in the menu of the Enterprise Theme.

active-tab-color.png

Header Image Menu Color


The color of the font used in the menu of the Enterprise Theme.

header-image-menu-color-custom.png


Top Menu Hover

color_topbar_trigger_color_hover

Changes the Top Menu font colour while hovering.

Top Bar Trigger Color Hover.png

Top Menu

color_topbar_trigger_color

Changes the Top Menu font colour.

Top Bar Trigger Color.png

Titled Panelbox Title

color_header_font_flat

Changes all the font colours of Titled Panelboxes on the page.

Titled Panelbox Box Title1.png

Themebar

color_main_column_header

Changes the colour of the Themebar.

Main Column Backgroundcolor.png

Secondary Link

color_links

Changes the link colour in sections like Header, Footer or Sidebar, but not in the main section.

default Linkcolor3.png

Menu Border Bottom

color_mainmenu_border_bottom

Changes the colour of the line below the menu.

Menu Border Bottom.png

Main Link

color_links_special

Changes all the links on page.

Special Linkcolor (Wikicontent,...).png

Highlight

color_header_border_footer

Changes the colour of the Titel Border of a Titled Panelbox and other various items.

Titled Panelbox Title Border.png

Header Background Color

color_aui_header

The color of the Confluence header menu.

image2018-7-10_10-4-10.png

Footer Link (Second Level)

color_footer_links

Changes the font colour of the second level Footer Menu.

Footer Link Color (Second Level).png

Footer Link (First Level)

color_footer_links_head

Changes the font colour of the first level Footer Menu.

Footer Link Color (First Level).png

Footer Background

color_footer

Changes the background colour of a Footer Menu.

Footer Backgroundcolor.png