UI/UX 💩 / Feedback

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

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

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

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.

Screenshot 2019-06-25 at 19.08.30.pngScreenshot 2019-06-25 at 19.08.15.png
Load previous messages

July 5, 2019 at 11:39am

@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.

      like-fill
      1
      • reply
      • like

      July 6, 2019 at 3:22am

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

        like-fill
        1
        • reply
        • like

        July 6, 2019 at 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

          like-fill
          1
          • reply
          • like

          July 7, 2019 at 3:14am

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

            You are welcome buddy!

              • reply
              • like

              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

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

                  like-fill
                  1
                  • reply
                  • like