Search the Confluence 4.1.x Documentation:

Index
Downloads (PDF, HTML & XML formats)
Other versions

This documentation relates to Confluence 4.1.x
If you are using an earlier version, please view the previous versions of the Confluence documentation and select the relevant version.
Skip to end of metadata
Comment: Corrected links that should have been relative instead of absolute.
Go to start of metadata

Confluence allows you to customise the colour scheme of a space. By default, a space's colour scheme is based on global settings configured from the Administration Console.

You need to be a space administrator to edit a space's colour scheme.

To change the colour scheme for a space:

  1. Choose Browse > Space Admin.
    (info) Space Admin is displayed only if you are a space administrator for that space or you are a Confluence system administrator.


  2. Click Colour Scheme in the left-hand panel under the heading Look and Feel.

  3. Click Select next to a colour scheme under Custom Colour Scheme (if not already selected).

  4. Click the Edit link. This will bring up a new screen. See screenshot below.

  5. Enter standard HTML/CSS2 colour codes, or use the colour-picker to choose a new colour from the palette provided. Any changes you make will immediately be reflected in this space.

The colour scheme applies to the following UI elements:

  • Top Bar - the bar across the top of the page that contains the breadcrumbs
  • Tab Navigation Background - the background colour of the tab navigation menus
  • Tab Navigation Text - the text of the tab navigation menus
  • Breadcrumbs Text - the breadcrumbs text in the top bar of the page
  • Space Name Text - the text of the current space name located above the page title
  • Heading Text - all heading tags throughout the space
  • Links - all links throughout the space
  • Borders and Dividers - table borders and dividing lines
  • Tab Navigation Background Highlight - the background colour of the tab navigation menu when highlighted
  • Tab Navigation Text Highlight - the text of the tab navigation menu when highlighted
  • Top Bar Menu Selected Background - the background colour of the top bar drop down menu when selected
  • Top Bar Menu Item - the text colour of the menu items in the top bar drop down menu
  • Page Menu Selected Background - the background colour of the drop down page menu when selected
  • Page Menu Item Text - the text of the menu items in the drop down page menu
  • Menu Item Selected Background - the background colour of the menu item when selected (applies to both the top bar and page drop down menus)
  • Menu Item Selected Text - the text colour of the menu item when selected (applies to both the top bar and page drop down menus)

Please note that some UI elements are specific to the default theme and may not take affect for other themes.

Screenshot : Editing a space's colour scheme

Handy Hint

If you mess things up, just click the Reset button and then try again.

Related Topics

Customising the Look and Feel

Take me back to Confluence User's Guide

10 Comments

Hide/Show Comments

  1. Jan 30, 2009

    Anonymous

    I am unable to change the space colours, even though I am the space administrator.  I have created the color palette, but nothing is changed or displayed.

    1. Feb 16, 2009

      Komathi Krishnan [Atlassian]

      Hi,
      Can I know how did you configure the Colour Scheme?
      As far as I am concern, your Custom Colours Scheme will not display, if its using the Global Colour Scheme.
      Browse to your Space Admin and make sure that your Custom Colour Scheme is selected. Another alternative is by changing the Colour Scheme in Administrator Console. But bare in mind that this changes will be applied to all your spaces in Confluence. Refer to attached link for more information on how to change Colour Scheme in Administrator Console.

      If the above doesn't work please raise support ticket in https://support.atlassian.com for further investigation.

      Hope that helps.

      Cheers,
      Komathi

  2. Oct 20, 2009

    Anonymous

    I wonder if it is possible to change the heading formatting (h1, h2 etc). The standard formatting looks a bit cluttered on a page so I would like to emphasize each header type a bit differently. (eg background coloring or font change etc). Also I wonder if it is possible to get an automatic numbering that increments individually for each header type?

    Btw, we are running a hosted version of Confluence. So I guess manually changing the css files on the server is not an option for us.

    1. Nov 02, 2009

      Zed Yap [Atlassian]

      Hi,

      You might want to change the style by using the HTML macro or in the space stylesheet via Space Admin >> Stylesheet. I have create an example code on changing the background colour below, please give it a try:

      To change the style via Space Admin >> Stylesheet, you will need to paste the code shown below:

      Alternatively, using the html macro to change the header, you can paste the following code in a page:

      Hope that helps.
      Best rgds,
      Zed

      1. May 11, 2010

        Anonymous

        I added that code to my global stylesheet, but it did not change any of my h1's?

        All my h1, h2... have a gray background that I want to remove.

        I am on 3.0.2.

        Thanks

        1. Jun 22, 2010

          Patrizia Schiozzi

          I have the same problem. I want to change the font-color of the headers (h1, h2, h3...), but nothing seems to work. I've tried within the option colour scheme to change the color of heading text and of space name text: no result. Then I've tried to add a Space stylesheet with some styling:

          h1, h2, h3, h4, h5, h6 {  
          color: #DF6E08;  
          }

          again no result... :-(

          Any suggestion?

          Thanks,

          Patrizia

          1. Apr 15, 2011

            Anonymous

            Yup, same here. I am a space admin on Confluence 3.4.7. I tried changing the header color using the color picker first, then I tried using the stylesheet in the manner described above. Doesn't work...

  3. Mar 08, 2011

    Laura Mahalel

    Anyone happen to have a nice screen cap calling out these different elements in an example?

  4. May 11, 2011

    hans-peter.geier@verigy.com

    The Documentation Theme would be nice to colorize, namely the navigation bar on the left.

    Though there is no such color resource available. Would be nice to consider in a future release.

  5. Dec 15, 2011

    hetals

    Can we customize the Note, Tip and Warning icons?