Dark Theme / Dark Mode

Question

Dark Theme / Dark Mode

5

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?

It’s better for low-light settings – so you can use it in bed without keeping your partner awake or in the cinema without disturbing other people
There will be less ‘blue light’ emitted from your phone – which can keep you awake if you use your phone before you go to bed
Can use less energy so your phone battery will last longer
Can potentially reduce eye strain and dry eyes in low-light conditions
Some experts say dark mode can help people with light sensitivity or visual impairment.

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

asked 2022-01-05

Marcian-Petrut Bondoc-Popescu

4 answers

Gorka Berganza · Answer 1 · 2024-02-15

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.

Jim Termeulen · Answer 2 · 2023-05-25

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 :)

Christopher Sperl · Answer 3 · 2022-01-10

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.

Jason Teunissen · Answer 4 · 2022-01-07

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...”
https://www.nngroup.com/articles/dark-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