Brave tabs titles have unreadable colors after last update

Mattches · April 13, 2022, 9:53pm

Thank you for reaching out — I believe we have an open issue to resolve this here:

github.com/brave/brave-browser

(Windows only) Text in tab bar is sometimes unreadable depending on brave colors and windows accent color

opened 09:47PM - 31 Mar 22 UTC

closed 09:22PM - 08 Apr 22 UTC

dokugaron

OS/Windows QA Pass-Win64 priority/P2 QA/Yes release-notes/include regression OS/Desktop

## Description On windows, having a lighter accent color causes the text on un…selected tabs, as well as the new tab icon in the tab bar to become dark and unreadable when using the default dark theme. Having a darker accent color causes the text to become unreadable in the light color theme ## Steps to Reproduce 1. install `1.37.109` on windows 2. set `accent color` in `windows settings > Personalization > Colors` to a lighter color such as green or red 3. scroll down to `Show accent color on the following surfaces` and make sure that `Title bars and window borders` is checked 4. launch brave 5. go to `brave://settings/appearance` 6. set `Brave colors` to `Dark` 7. open more than one tab ## Actual result: Tab text and new tab icon is black and pretty much unreadable. ![image](https://user-images.githubusercontent.com/82846166/161150556-8cb368d9-1afc-461a-a5d4-8cafe821c893.png) ## Expected result: Tab text and new tab icon should be a lighter color in the dark theme ## Reproduces how often: Only on when `Brave colors` is `Dark` and accent color is a lighter color, or when `Brave colors` is `Light` and accent color is a darker color ## Brave version (brave://version info) <html> <body> Brave | 1.37.109 Chromium: 100.0.4896.60 (Official Build) (64-bit) -- | -- Revision | 6a5d10861ce8de5fce22564658033b43cb7de047-refs/branch-heads/4896@{#875} OS | Windows 10 Version 21H1 (Build 19043.1586) </body> </html> ## Version/Channel Information: The problem is also present on the current nightly release `1.39.22` ## Other Additional Information: The same behavior happens on chromium, but since the top bar on chromium is set to the color of the windows accent color, the text is still readable. Since the top bar is always dark colored in the brave dark theme, the text just becomes unreadable. How it looks in chromium `102.0.4977.0` side by side with how it looks in brave `1.37.109`: ![image](https://user-images.githubusercontent.com/82846166/161153832-bc6c19ed-1ff6-496c-818b-d889d925ab75.png) With a darker color the text becomes white: ![image](https://user-images.githubusercontent.com/82846166/161153872-9c92107c-b8d2-4b9b-9b2f-7840b5016fb7.png) However, it becomes unreadable in the light theme: ![image](https://user-images.githubusercontent.com/82846166/161153977-ca39d643-ea70-4983-9ce7-28488ca55fb4.png)

Topic		Replies	Views
Titles of Tabs unreadable in new update Brave Feature Requests feedback , browser , design , release , feature-request	31	5585	April 20, 2022
Tab font unreadable with Release V1.38.111 (May 3, 2022) in New Private window Desktop Support windows	4	718	June 6, 2022
Dark mode - black text on tabs Desktop Support windows	3	1558	May 3, 2022
Background tabs are in white font Desktop Support windows	7	1269	May 10, 2022
Text greyed out in tab titles and new tab button Desktop Support windows	2	656	May 2, 2022
Text on non-current tabs became hard to read, without user action Desktop Support windows	5	1409	May 1, 2022
Names of tabs hardly visible/invisible on dark mode Desktop Support windows	4	688	May 12, 2022
Tab text light grey in Windows light mode Desktop Support windows	2	710	May 5, 2022

Brave tabs titles have unreadable colors after last update

Related topics