Dark Theme / Dark Mode - Mendix Forum

Dark Theme / Dark Mode


It would be lovely to have a dark mode to the web portal and also to the studio pro.

How to activate dark mode on popular apps

If you don’t have a recent phone or operating system that supports dark mode, you can enable it on many smartphone apps individually. 

Here’s how to do it:

Facebook Messenger: Click the icon of your profile photo and toggle on the dark mode option.

Twitter: On iOS, click your profile image in the top left, then click settings and privacy > display in iOS, and toggle on dark mode.

On Android, click your profile image in the top left, then click settings and privacy > display and Sound, and toggle on dark mode.

Gmail: Go to settings > general settings > theme. Then choose light, dark or system default.

YouTube: On iOS, tap your profile photo and select settings > appearance > dark theme.

On Android, tap your profile photo and select settings > general > dark theme.  

Slack: Open the option menu from the top-right corner of any chat, tap settings, scroll down to dark mode, and tap ‘enable’. 

What are the advantages of dark mode?

Reference → https://www.forbes.com/uk/advisor/mobile-phones/what-is-dark-mode-and-should-you-be-using-it/


4 answers

At least in Mendix 10.7, the way to change the theme is:

Edit→Preferences...→Work Enviroment→Studio Pro Theme

Over there set to dark.


Thank you for the Article Jason, interesting stuff.

However, the same article addresses how bright mode could damage the eyes as well. Giving both Dark and Light mode their pros and cons.

Eventually it comes down to preference and the performance/eye-sight trade-off.


Luckely for us we have this now! Through Edit → Preferences → New Features → Dark mode :)


I also would love a dark mode in Studio Pro.
There is no point on not having it in 2022, given the price point of Mendix – this is neither a small nor a cheap service.


I don’t need a study, I feel comfortable coding in Dark Mode since years. This is about personal preference.




From an advantages point, NN group has a great study on this:
”Summary: In people with normal vision (or corrected-to-normal vision), visual performance tends to be better with light mode...”

Native projects support this straight of the gate.

You can also create this for web projects it you are handy with SASS.
it is a lot of work because you are basically creating/maintaining and governing 2 design systems, but