A Confluence administrator can configure a new colour scheme for the site dynamically from the Administration Console. The default colour scheme for the site will also become the default for all spaces within it. However, it is possible for space administrators to configure a different colour scheme for spaces from the space administration screens. |
|
To change the site's colour scheme:
-
Go to the Confluence 'Administration Console':
- Choose Browse > Confluence Admin. The 'Administrator Access' login screen will be displayed.
- Enter your password and click Confirm. You will be temporarily logged into a secure session to access the 'Administration Console'.
- Select 'Colour Scheme' in the left-hand panel.
This will bring up a new screen. See screenshot below. - Click 'Edit'. 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 across the Confluence installation.
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 effect for other themes.
Screenshot above: Editing a site's colour scheme
Note
If you mess things up, just click the 'Reset' button and then try again.









13 Comments
Hide/Show CommentsNov 21, 2007
Randy Hansen
Is there a way to access the color scheme elements within a page? For example I would like to use the border color from the space on all of my panels. That way if the space's color scheme changes, the panels on the various pages would change too.
Nov 21, 2007
Liam Jones
You can access these properties via Velocity. Take a look at confluence\styles\site-css.vm and you'll see the following used;
$action.breadcrumbsTextColor
$action.spaceNameColor
$action.headingTextColor
$action.linkColor
$action.borderColor
$action.navBackgroundColor
$action.navTextColor
$action.navSelectedBackgroundColor
$action.navSelectedTextColor
Example from site-css.vm;
Feb 25, 2008
Anonymous
Any reason that selected custom color wouldn't be activated? I have have "all access" set up in the space permissions.
thanks for any help,
j
Feb 25, 2008
Choy Li Tham
Hi,
It would be appreciated that if you could raise a support request at here for further investigation.
Regards,
Choy Li
Jan 16, 2009
Anonymous
Is there a possibility to create several color schemes for one page layout?
I want to use the colors of the color theme - called by their element names - in the layout. If then the user switches the color scheme between one of seven, everything in the page layout changes.
Or does a plugin for color schemes exist which features this possibility?
Thank you!
Daniel
Jan 22, 2009
Komathi Krishnan [Atlassian]
Hi Daniel
I am afraid that we don't have that features yet. However there is an existing feature request (per-user skins for confluence) that resembles this issue. If you find that request does not help, feel free to raise one at:
Thanks
komathi
Oct 07, 2010
David Hergert
Recently moved to the Documentation Theme and added a global color scheme. But EVERY space (and personal space) seems to not be picking up on the new colour scheme, they all have a custom color scheme selected. How can I site-wide, reset the colour scheme for each space to be the Global Colour Scheme?
Oct 14, 2010
heather
I need the same thing. I added this to the global stylesheet with no luck. I also added to the space's stylesheet.
Everything on the site is still gray - any clues?
Oct 14, 2010
David Hergert
Any time I've had to update CSS in Confluence, I try to use the !important; flag to ensure they take affect. http://webdesign.about.com/od/css/f/blcssfaqimportn.htm
Have you tried that?
Nov 22, 2010
Anonymous
Same question
Dec 07, 2010
François Nonnenmacher
I've noticed that too, once I've started to modify the Global Colour Scheme, some spaces seem to keep the default one (which is then renamed as "custom" in those spaces). I'd raise a bug but so far I haven't been able to reproduce this consistently, as not all spaces behave that way.
Jan 05, 2011
Andrea Carta
Where do I change the color of the Page Titles? Right now they're all black just as the title of this page is "Customising Colour Schemes".
Jun 08, 2011
Brett Ryan
I think this is related to others comments, however if you change a theme on a space or create a new space shouldn't it use the global colour scheme instead of the themes default one?
Is there a way to configure this?
Add Comment