How to Theme a Confluence Intranet
Tweak native Confluence to improve your site’s look and feel. Or install Refined to build themed sites with added branding, structure, organization, and more.
A well-structured Confluence intranet can give employees access to critical information that informs, empowers, and connects.
But without the right customizations, Confluence may not meet users’ expectations of what an intranet should look and feel like—and adoption could suffer as a result.
A theme can help.
Themes are more than just a slick skin—they make Confluence look, feel, and work better.
The right theme can also provide a more engaging user experience by making Confluence intranets appear like proprietary websites that are attractive, easy to use, and easy to navigate.
So how do you get started? You can theme your intranet within Confluence itself, or use an app from the Atlassian Marketplace, like Refined for Confluence, which allow you to build themed sites that open the door to more advanced customizations like layouts on landing pages, space homes and parent pages; navigation modules to help users get around; and categories (groups of spaces) that add an extra layer of structure to your intranet.
We’ll show you everything you need to know about how to theme Confluence intranets here.
- How to theme a Confluence intranet
- Limitations of native Confluence themes
- Benefits of using a theming app from the Atlassian Marketplace
- How to theme Confluence intranet sites with Refined
- A theme is just the beginning
How to theme a Confluence intranet
Confluence Cloud comes with settings that give you some control over the look and feel of Confluence, letting you dress up Confluence a bit with your corporate colors and logo. Keep in mind that you need to be a Confluence admin to access most of these features.
Here’s how to theme Confluence cloud.
- To change the site logo, choose the settings tab on the Confluence navigation menu.
- Click “Site Logo and Favicon,” then select Browse to upload a new logo.
- Choose whether you want to only show the logo or feature it alongside the site title.
- To change the favicon, or the logo that appears in your browser tab, go to the same “Site Logo and Favicon” menu item, then select “Choose File” in the favicon section. Then you can upload your image file.
- To customize a site’s color schemes, click the settings tab and select “Color Scheme” in the left hand panel under “Look and feel.”
- From there, click “Edit.” Then you can either enter a color code or choose one from the listed options.
You can also:
- Customize highlight colors that underline each menu item
- Change the overall navigation background color
- Adjust the border color around the search bar
Similar instructions to theme Confluence Server or Data Center can be found here.
Limitations of native Confluence themes
While Confluence gives you some autonomy over your instance’s look and feel, you may hit some snags without external tools.
For one, Confluence Cloud puts the same blanket theme across its entire site, meaning you can’t change the appearance of individual spaces within it. What’s more, Confluence is limited in terms of more niche customizations — tweaks that can improve the usability and experience for users, like modules, layouts, and navigation.
Without these extras, Confluence may come across as a perfectly capable third-party software tool, but not necessarily your official corporate intranet.
Benefits of using a theming app from the Atlassian Marketplace
Some third-party apps like Refined for Confluence, available on the Atlassian Marketplace, open the door to more advanced customizations for your Confluence intranet, while adding more structure and organization.
Refined for Confluence, which has a built-in theme editor, lets you apply themes to Confluence-based intranet sites, or within certain sections of your site. You can also add other elements of your corporate brand throughout the site in the form of photography, icons, banners, fonts, and more. You can even build fully custom landing pages with a suite of navigation, content and search modules.
Refined Toolkit for Confluence Cloud offers theming capabilities on a smaller scale, allowing you to theme spaces and customize landing pages with a Layout Editor and a suite of macros.
How to theme Confluence intranet sites with Refined
Building themed Refined sites gives you more creative control over the appearance of your Confluence site.
Here’s how to create your own Refined theme from scratch:
- Click “Create Theme” in the Themes tab of the Refined main menu to open up the Theme Editor.
- Use the “Main Appearance” tab to change the aesthetic elements of your header, body, and footer. You can change colors for both fonts and backgrounds, add gradients, and upload images.
- Adjust the width, row style, and fill background under the “Start Page” tab.
- Hit save and close out the editor. If you go to the Site Builder on the left-hand side of the main menu, you’ll see an option to incorporate the theme you just created across the site.
Keep in mind that with Refined, you can also work off a selection of built-in themes from the Theme Gallery.
Whether you’re working off a pre-configured blueprint or customizing your own, you can use the Theme Editor’s preview functionality to review and edit your design work before you go live.
Apply the theme across your entire Refined site, or choose the section of your site that best suits it in the Site Builder.
A theme is just the beginning
A themed Refined site can turn Confluence into a branded, website-like intranet that employees actually enjoy using. But themed intranets are only scratching the surface of what Refined can do. You can use Refined’s Layout and Theme Editors to create unlimited custom sites for any purpose.
In addition to intranets, common Refined sites include:
- Help desks (like ours, which uses Refined for Jira too)
- Dedicated project or event sites
- Developer sites
- Knowledge bases