desktop icon indicating copy to clipboard operation
desktop copied to clipboard

Color contrast on tab bar

Open antton-dev opened this issue 7 months ago • 3 comments

Captchas

  • [x] I have read the instructions.
  • [x] I have searched existing issues and avoided creating duplicates.
  • [x] I am not filing an enhancement request.
  • [x] I have checked that this issue cannot be reproduced on Mozilla Firefox.
  • [x] I have checked that this issue can be reproduced once I removed all my Mods and Custom CSS.

What happened?

Hi, The contrast between font color and background color on the tab bar is too low and make it too difficult to read. I tried various background color and it's a same problem for almost every colors.

Thanks for this browser !

screenshots with two differents color schemes. the purple is a little more readable, but not perfectly.

Image

Image

PS : guess it depends on the screen quality, I have an Asus Lumina Oled screen on my laptop.

Version

1.12.3b

What platform are you seeing the problem on?

Windows - x64

What component is this issue related to?

Tabs

Relevant log output if applicable


antton-dev avatar May 09 '25 16:05 antton-dev

Hi!

This is not how it looks by default, at least on light mode:

Image

are there any themes you installed that could be affecting this?

mr-cheffy avatar May 09 '25 22:05 mr-cheffy

no, i just installed Zen Browser today, it is completely vanilla

antton-dev avatar May 09 '25 22:05 antton-dev

For those who have the same problem, here how I fixed it. In the settings of Zen, go to Extensions and themes section (bottom-left), then choose the light theme. By default, the automatic choice is selected, and is broking the entire theme. It would be great if this problem could be fixed. because if my Windows Theme switches to dark, I have to change manually the Zen theme.

antton-dev avatar May 18 '25 14:05 antton-dev

Hi, @antton-dev. I'm Dosu, and I'm helping the desktop team manage their backlog. I'm marking this issue as stale.

Issue Summary:

  • Low color contrast on the tab bar of Zen Browser affected readability, especially on OLED screens.
  • You confirmed the issue occurred in the browser's default state, without any themes installed.
  • A workaround was found by manually selecting the light theme in settings.
  • Suggested a fix to prevent manual adjustments when Windows theme changes.

Next Steps:

  • Please let me know if this issue is still relevant to the latest version of the desktop repository by commenting here.
  • If there is no further activity, this issue will be automatically closed in 7 days.

Thank you for your understanding and contribution!

dosubot[bot] avatar Jun 21 '25 16:06 dosubot[bot]

Image

For me it's the same. I would like to select which text color I want for the font if I want light or dark color. Maybe we could integrate that directly into the color picker of that space.

taschaub avatar Jun 23 '25 10:06 taschaub

Hi, @antton-dev. I'm Dosu, and I'm helping the desktop team manage their backlog. I'm marking this issue as stale.

Issue Summary

  • Low color contrast on the tab bar affects readability, especially on OLED screens.
  • Occurs in Zen Browser version 1.12.3b on Windows x64.
  • Problem persists until manually selecting the light theme in settings.
  • Taschaub suggested adding an option to select text color in the color picker.

Next Steps

  • Please confirm if this issue is still relevant in the latest version of the desktop repository by commenting here.
  • If there is no response, the issue will be automatically closed in 7 days.

Thank you for your understanding and contribution!

dosubot[bot] avatar Jul 24 '25 16:07 dosubot[bot]