You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
Dark 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!
It’s that simple 🙌
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.
Dark mode's decreased contrast can make it hard to distinguish between different font weights and sizes. To improve your page structure:
⚡️ Hint: Use Numbered Headings for Confluence to automatically create a consistent hierarchy that helps users navigate. It's quick and easy to get started!
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.
Using the Panel macro is another great way to highlight Confluence text, and you can even add an emoji (or four!) to draw attention.
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!
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 👇