Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root


1 badge earned


Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!


Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.


Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!


How to use Confluence's dark mode (and create dark mode-friendly content)

AB_2769_Kolekti_Darkmode.pngDark mode has finally made its way to Confluence! Are your pages ready for it?

If your content isn't designed for Confluence's dark mode, users will struggle to navigate. In a worst-case scenario, they might not be able to read it at all.

In this post, we'll guide you through the simple process of enabling Confluence Cloud’s Dark Theme and help you create pages that work for dark and light mode users alike. Let's dive in!


How to enable Dark Theme in Confluence

  1. Tap your profile photo in the upper right corner to reveal your Account menu.
  2. Navigate to Theme and choose Dark.

It’s that simple 🙌


How to create pages that work for both Confluence Themes

If you're a Confluence content creator, it's important to make sure your pages are suitable for all users. We spoke with Kolekti UX Designer Anya Poluianova for tricks to make pages that work for every screen.


Tip 1: Ensure your pages are easy to navigate, even in the dark

Dark mode's decreased contrast can make it hard to distinguish between different font weights and sizes. To improve your page structure:

  1. Use varied Confluence heading styles (accessed via the editor toolbar) to help structure your content.
  2. Use emojis to help minor headings stand out from regular text on the page.
  3. Pick a more neutral font colour for less important text (e.g. text that adds context rather than a title).

Confluence_Dark_Mode_Tip_1 (1).png

⚡️ Hint: Use Numbered Headings for Confluence to automatically create a consistent hierarchy that helps users navigate. It's quick and easy to get started!


Tip 2: Use macros to highlight key text in Confluence 

The Table and Info Panel have Atlassian Design tokens applied, so they'll automatically look great in both Light and Dark Themes.


When using the Table macro, add a coloured background to add extra separation between your title and supporting text. A darker background colour with lighter text colour works well in Confluence Dark Theme - these reverse in Light Theme.

Confluence_Dark_Mode_Tip_2 (1).png

Using the Panel macro is another great way to highlight Confluence text, and you can even add an emoji (or four!) to draw attention.Confluence_Dark_Mode_Tip_3 (1).png

Tip 3: Check your page before you publish!


To be inclusive of all your users, it's important to preview your page on a dark and light background. That way, you know your content will be readable by everyone.

Unfortunately, you can't change themes while editing a Confluence page, so you'll need to Publish the page and switch themes from the Account settings. 

The good news is with Content Formatting Macros, it's easy to preview how macros will look without leaving your Confluence page. Just toggle between the sun and moon icons in the macro editor - it's that easy!

Confluence_Dark_Mode_CFMC_Editor (1).gif

So now you know how to create dark mode-friendly Confluence pages, it's time to get out there and build them!


What are your top tips for creating accessible Confluence pages? Let us know in the comments below 👇



Log in or Sign up to comment
AUG Leaders

Atlassian Community Events