Cluvio has had the support for dark mode for a few years now, initially for dashboards and later for all the user interface. The operating systems support for dark mode has been gradually getting better, with most major operating systems (MacOS Catalina, latest iOS, Windows 10) supporting it well now.
Today we are launching a set of features that further improve the dark mode behavior in several important ways:
1. Automatic switching of the dark mode
The new default user mode setting is "Auto", which displays light or dark mode based on the operating system setting. It will also dynamically change whenever that setting changes, so if the OS itself has the value set to Auto (e.g. MacOS Catalina), the OS and any open Cluvio dashboards would automatically switch to Dark mode in the evening and back to Light in the morning.
2. Dark mode support for PDF / Image rendering
When you download a report or dashboard as an image or PDF in dark mode, you will get the render in dark mode as well.
3. Dark mode support in e-mails (for real!)
All the emails we send are now optimized for dark mode, if the email client supports it. This includes all standard emails like password reset, user invite and also SQL alert emails and Dashboard Schedules.
Foro Dashboard schedules, you can now choose to include light or dark mode images / PDF, in case you select both light and dark inline image, either the light or the dark image will be displayed to the user based on his own OS setting. This works in many email clients, but not all (Gmail is a notable example that does not support dark mode well yet, although they are reportedly rolling this out and it is already available to a small number of users).
Dark mode in emails is challenging, please let us know if you come across anything not working properly in your email clients!
4. Embedding. Cluvio embeds also support automatic dark mode in addition to the already existing light/dark mode, allowing to build web apps that themselves support the dark mode well.
When embedding, you can now choose the behavior to be:
- light-only (default)
- light/dark based on your web app user's preference
- light/dark based on the OS preference (i.e. full automatic)
Additionally, the initial loading screen background can be also controlled in the same way, giving the full user interface a fluid feel.
5. Cluvio.com website
Our website is also adjusted to support light and dark mode.