Confluence is getting a fresh new look and navigation

We’re in the process of rolling out these changes and the documentation may not match your experience. Bear with us while we update it to reflect the new changes. More about navigating the new Confluence

Customize the navigation colors

As a Confluence admin, you can configure a custom color scheme for the navigation. It might be to brand your instance with your corporate colors, or just because you like a particular color.

To quickly change your color scheme, upload your company logo. Confluence will use the colors to automatically update the color scheme.

When modifying the color scheme, you can control the following areas.

  • Highlight color — This setting lets you control the Create button’s background color

The portions of the Confluence navigation that can have their highlight color adjusted.

If the application is taking a little time to load, a progress bar shown below the navigation bar uses the accent color.

  • Background color — You can customize the top navigation bar’s background color. If you set a background color in earlier versions of Confluence, that background color is maintained.

Change the color scheme

  1. Select the wheel icon () in the top-right corner to open Confluence administration.

  2. Find Settings in the left-hand navigation.

  3. Select Look and feel > Customize navigation.

  4. (Optional) Upload a custom logo.

  5. Enter a color code or use the color-picker to choose a new color.

  6. Select Save.

Any changes you save are immediately reflected across Confluence.

The navigation text color is automatically chosen for you in order to optimize legibility. For example, if your background color is white, the text color chosen provides the greatest contrast with some shade of dark grey; if you background is black or blue, the text color is some shade of white.

Your selected background colors will also respond to the user’s choice of Dark or Light themes. When the user is in Dark theme, the background color will be slightly darker.

When you upload a site logo, Confluence automatically detects the colors in your logo and customizes the color scheme for you. You can change the color scheme as above, or reset your color scheme back to the default (and still keep your new site logo).

Customizing color scheme settings.

To reset the color scheme:

  1. Select the wheel icon () in the top-right corner to open Confluence administration.

  2. Find Settings in the left-hand navigation.

  3. Select Look and feel > Customize navigation.

  4. Select the Highlight color or Background color dropdown to open the color picker.

  5. Select Reset to default.

 

Still need help?

The Atlassian Community is here for you.