Forum Discussion
Brand Kit dark mode
There should be a Dark Mode option for the Brand Kit, where the course background can automatically switch to a dark theme and the logo, text and other interface elements adapt to white or other appropriate contrast colors for better brand consistency and accessibility.
Additionally, it should allow us to upload logo variations specifically for the dark theme, ensuring the correct logo version is automatically applied when Dark Mode is enabled.
3 Replies
Hi Mehul, thanks for the detailed idea here, especially calling out the logo variant piece alongside the dark mode toggle itself. Those really do need to work together, a light logo against a bright background and that same logo against a dark one are two different contrast problems.
To confirm where things stand today, Brand Kit doesn't currently support an automatic dark mode toggle, and there isn't a way to attach a separate logo variant that gets applied automatically when a course switches themes.
One thing I'm curious about, are you picturing this as something that follows the learner's own system or browser dark mode setting automatically, or more of a manual toggle the course author sets when building a course meant to be dark themed? That distinction changes the shape of the request quite a bit, and it would help to know which matters more for your use case.
In the meantime, you can duplicate your existing Brand Kit to quickly create a dark themed variant, covered in this article, Using Brand Kits to Style Your Content. Swap in your dark appropriate logo and adjust the colors on the copy, then apply that version manually to any courses you want in a dark theme. It's not automatic switching, but it does let you maintain consistent, correct branding for dark themed courses today without starting from scratch.
Thank you for the response. Let me try to reframe my thoughts for better clarity.
There are two scenarios:
Fully functional Dark Mode
In this scenario, the system automatically detects the background and adjusts elements accordingly, such as switching logos and colors between dark and light versions without requiring any manual intervention. I understand this would be very difficult to introduce in near future.
Manual Brand Asset Selection
In this scenario, developers can upload both dark and light variants of brand assets, such as logos, and choose the appropriate version based on the background being used. This would provide greater flexibility during content development.The challenge I am currently facing with creating a separate dark-mode brand kit is that most learning assets contain a mix of both light and dark backgrounds. For example:
- In a Rise course, the landing page may require a dark logo, while other sections may use either dark or light backgrounds.
- In training decks, cover and transition slides are often dark, while content slides are generally light.
- The same challenge applies to guides, scenarios, and other learning materials.
If I create a separate dark-mode brand kit with only a light-colored logo, the logo may not display correctly on lighter backgrounds. Likewise, if I use a standard kit with a dark logo, it may not be visible on darker slides. Because of this, having the ability to select the appropriate logo variant within the same brand kit would be extremely valuable.
Separately, I would also like to share a few ideas for enhancing brand kits:
- Allow organizations to include approved brand icons, graphic devices, patterns, and visual elements in addition to logos.
- Provide an option to adjust logo size directly within the brand kit settings.
- Consider stronger brand-kit support for training presentations, as these are often held to stricter brand-compliance standards than other learning assets such as guides or Rise courses.
Overall, a more flexible brand kit that supports multiple logo variants and additional branded assets would help learning teams create content that remains consistently aligned with organizational brand guidelines across different backgrounds, formats and learning experiences.
Thank you again for looking into this.
Mehul Namdev,
Team Lead – Instructional DesignHi Mehul,
Thank you so much for providing that additional clarity! I really appreciate you taking the time to explain not only what you'd like to see, but also how this would impact your workflow. These details give our product team a much deeper understanding of the need behind your request and the challenges you're currently experiencing.
