Viper-Browser icon indicating copy to clipboard operation
Viper-Browser copied to clipboard

Published 20 hours ago • verified publisher icon LeFroid

Dark Mode Problems

Open thoth-amon opened this issue 3 years ago • 6 comments

Version 0.9.1 AppImage

Am using KDE with a dark theme. The text in the URL bar stays black, so you can't read it or see what you are typing in it. The forward button, back buttons and the add tab button are also dark coloured.

I don't know whether this is of any help but I've attached versions of the buttons in a colour visible on both dark and light backgrounds Colour #777777

arrow-back arrow-forward new-tab

thoth-amon avatar Feb 12 '21 16:02 thoth-amon

Thank you for reporting this. Do you mind sharing which dark theme you are using? I would like to test on my machine to make sure an appropriate fix is implemented.

LeFroid avatar Feb 13 '21 16:02 LeFroid

Breeze Dark. It looks like this for me

Screenshot_20210213_194253

thoth-amon avatar Feb 13 '21 19:02 thoth-amon

Working on this now. The icons will render in white if the local environment has a dark theme, otherwise they use the default gray icons. The text in the URL bar should be easier to read as well.

I would like to update the green color of the HTTPS scheme and icon, so they pop out more, and probably update the magnifying glass icon + the checkmark in the ad block icon to a whiter color.

I am open to feedback and will keep you posted on further updates to the UI

LeFroid avatar Feb 26 '21 23:02 LeFroid

Thanks looks much better now. I looked round for some other things that don't look in the dark theme.

  • The outline for check boxes doesn't show, which makes them more difficult to select.

  • A lot of the icons in the menus (File, Edit etc) are black so they don't show up well.

  • Navigation Arrows in the Manage Bookmark section need the same change as in the main window.

  • The autofill website suggestions is dark image

  • The editing Test Script box highlight makes the text unreadable. Also black icon for Save. image

  • The view source box has a blue font colour, which is hard to read image

thoth-amon avatar Feb 27 '21 22:02 thoth-amon

Thanks for the feedback! I think you'll find most of these things looking better with the latest commit. Couple of points/questions-

  • Can you share a screenshot of the checkboxes?
  • Are you using a custom icon set? The menu icons all appeared in white on my machine using Breeze Dark. Although I tested with a native build and not AppImage.

LeFroid avatar Feb 28 '21 16:02 LeFroid

Sorry, the icons were my fault! I was using a light icon set. I switched to Breeze Dark and it worked fine in the AppImage.

Screenshot of the checkboxes: image

thoth-amon avatar Feb 28 '21 23:02 thoth-amon