5
10 Comments

I have included dark mode on my website and need some feedback, could you guys give me your thoughts about it?

The website is https://captionfy.io and I am not sure if the contrast on the dark mode is not too high and the text gets to bright... The website is still quite young so I am experimenting with many things I have never done, like a dark mode :)

on September 22, 2020
  1. 3

    #121212 is more soothing than #000

    1. 3

      Thank you for the suggestion, tonight I am going to review the colors and I agree with you, #000 is a little rough on the eyes :) will check how it is with #121212!

      1. 1

        I included the #121212 and it is really much better, thanks for suggesting :)

  2. 2

    I like this site. is it for an international audience though? Seeing a bunch of portugese videos (in which case you may want to do a portugese version of the site as welll :) )

    1. 1

      It is for international audiences :) basically for anyone who may benefit from captions, because of language or hard of hearing problems. And yes, I am actually Brazilian and this week I am going to translate it to Portuguese as well, thanks for the tip! I hope the website can be useful, often I can't share Youtube videos with some friends who need the subtitles... I will reply here when it is in PT as well!

  3. 2

    you could take the white down a bit

    the site is really slow... and clicking the dark needed 2 clicks, one reloaded the entire page and just the 2nd worked

    1. 1

      Thank you so much for your thoughts! I am going to change the white a bit later today as you suggested :) and I will make sure the dark mode button is fine and also check performance improvements!

      After creating a dark mode for the first time, I really regret using any bootstrap classes with -dark or -light hahaha I had to remove those and choose the colors on my own css... Probably there are other ways to overcome this, but I thought it was safer this way. Anyway, thanks again for the comment!

      1. 1

        way better speed

        the text on the posts titles still as bright as it was?..

        1. 1

          So basically the speed issue I am pretty sure happened because I deployed a new version right before you commented haha

          I haven't touched the code yet since you made the comment, I am going to do it as soon as I get home from work :) thanks for double checking and I will fix the colors as soon as I can!

          Another thing I urgently have to do is make it more clear what the website is about... I have the feeling it is still quite unclear in the landing page... I guess I will put some gif of the subtitles editor for example...

          1. 1

            Ok now I changed the colors a bit, hopefully it is noticeable. The white text changed from rgb(255,255,255) to rgb(240,240,240) and also the dark background changed to #121212 :)