Dark mode


The dark mode is a theme for AUI that uses a darker color palette. Its goal is to reduce the amount of light emitted by the screen.

A few of the benefits of this solution include reducing eye strain, battery usage, and easier viewing in dark environments.


API status: general
Web resource key: com.atlassian.auiplugin:aui-dark-mode
AMD Module key: N/A
General API: 9


How to use it

You can turn on the dark mode by doing two things:

Include dark theme resources

For P2 usage include com.atlassian.auiplugin:aui-dark-mode web resource or make sure you include aui-prototyping-darkmode.css when using NPM package.

CSS class

To enable dark mode you need to add aui-theme-dark CSS class to body element.