Dark mode for a productivity app, what do you think?

UI/UX 💩 / Feedback · June 25, 2019 at 6:09pm

Hey guys, this is my first post on here, I've just discovered this awesome community! Woop woop! - So, I've been working really hard on a dark mode version of our app Plutio.com - below is a screenshot of the final product, I would love your feedback, please.

Load previous messages

July 5, 2019 at 11:38am

Leo Bassam@leobassam

11:38am

Design Pilot™@design-pilot

@leobassam @arthurshefner Check out this ultimate guide on Designing Dark Theme. I go into the very details and give real examples. https://blog.prototypr.io/how-to-design-a-dark-theme-for-your-android-app-3daeb264637

Wow, absolutely amazing work on the article - thank you so much for sharing!

11:39am

Stefan Smiljkovic@kinderminder

@hailey-liu dark mode is something I am seeking in every app for last 10 years, and its just now getting popular when main players like Twitter, YouTube, Twitch integrated it year ago.

Even one of our side projects have it moon.ly.

Dark mode is really crucial, especially when you spend your time late night in dark room, and you come to pure white website which literally burns your eyes. It happens to me, one period I couldn't even watch of website if its white bg, which forced me to install this Chrome Extension https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh

@hailey-liu, Stefan has perfectly answered this question.

Heaps of our users asked for a dark mood, i never really understood why until I started to use it myself!

It is so much easier on the eyes and I find it a bit calming.

July 6, 2019 at 3:22am

Lauri Ojansivu@xet7

3:22am

Dark Mode at various apps/OS https://github.com/wekan/wekan/wiki/Dark-Mode

July 6, 2019 at 9:33am

Deleted

9:33am

The design looks nice! But something I immediately notice is your text-to-background contrast looks too low. I suggest you use a lighter text color and also border color around check boxes. Here is a great tool for testing contrast: https://webaim.org/resources/contrastchecker/ another good tip is looking at your design while squinting your eyes. With a few tweaks I'd say you're there. Good luck! :D

July 7, 2019 at 3:14am

Design Pilot™@design-pilot

3:14am

Leo Bassam@leobassam

Wow, absolutely amazing work on the article - thank you so much for sharing!

You are welcome buddy!

3:15am

Deleted@

Yeah. I coved that in the article I mentioned above.