Dark Mode

[Trankery]

It would be amazing to have a toggle button for a darkmode.

Darkmodes aren't too hard, as it's essentially just inverting the css.

Would be nice to see this soon!

[will]

@Trankery chming in on this, with a nord theme (variation on dark mode)
Easy on the eyes and looks great, take a peek.

https://www.nordtheme.com/

Perhaps I could help with this, where do you guys host your CSS?

[yusf]

It’s now possible to detect system-wide dark mode in CSS, so not even a toggle is needed

[d19dotca]

@yusf I would definitely prefer this method, where it just detects the system light or dark mode being used and adjusts accordingly.

[Trankery]

@yusf Toggle would still be cool though. Or customisable themes?

[Trankery]

@will Sorry for the late reply, the CSS is hosted on the Cloudron-01 instance directly.

[will]

@Trankery Maybe this could be exposed in the admin settings ui

[nebulon]

Dark mode is on its way

Quick feedback, should we dim the app icons as well? I personally don't like the colour invert many browser extension do, it reduces the branding of the app for easy recognition.

[d19dotca]

@nebulon I think the app icons themselves should be left alone. Looking great!

[Mallewax]

@d19dotca Agreed!

[marcusquinn]

@nebulon Nice! from me.

In the meantime https://darkreader.org is my go-to for dazzling lights at night

[nebulon]

Dark Mode is now part of 5.4 release. It is based on https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme and thus so far depending on the used OS.

In Firefox dark-mode can be forced by setting ui.systemUsesDarkTheme to 2 in about:config

[will]

@nebulon Dark mode is dope!

[girish]

Implemented in 5.4