When you set dark styles in Xfce, the font in the google trends search bar turns white

[inFlowiaLab]

If in Xfce choose a shell style:
- Materia-dark
- Blackbird
- Adwaita dark
it becomes impossible to read the text of the search query on the internal pages of Google Trends. The problem does not occur on the first page: https://trends.google.com/trends/?geo=RU but on the next after entering a search query

Ubutnu Studio 19.10 (Xfce
Pale Moon 28.9.1 (x64)
In vanilla profile - the same.

[Moonchild]

... and why exactly do you think specifically that this is a browser issue?

[adesh]

inFlowiaLab,

This happens when websites fail to define one of background and foreground (text) colors. In such a case, missing color is picked from system theme and the result generally does not look pretty.

[inFlowiaLab]

... and why exactly do you think specifically that this is a browser issue?

Because in Firefox everything is ok ...

[Moonchild]

... and why exactly do you think specifically that this is a browser issue?

Because in Firefox everything is ok ...

Then Firefox doesn't do it right ...

I checked. It's an <input> element, meaning a form element which is styled as system style by default unless the page overrides the style.
Foreground colour on the input isn't set, so defaults to -moz-fieldtext, which is the system-defined colour (which is white on dark themes)
Background is set to transparent, overriding the system colour, so it picks up the colour of whatever opaque element behind it which is the container DIV which sets the background to white explicitly

Result: white text on white background, caused by poor page design.

[inFlowiaLab]

From an end-user perspective, Firefox is doing well.
I just started using the dark color scheme yesterday, and today I ran into this problem a second time. And this is the site Yandex.ru, namely its form in the "Yandex.Collections" service.
If you don’t know, Yandex for Russia is like Google for the rest of the world. That is a categorically important and respected site. I think this means that I will encounter such a problem more than once on other sites if I continue to use the dark color scheme, and I doubt that I will be able to contact all site owners and ask them to fix this problem.

[Moonchild]

From an end-user perspective, Firefox is doing well.

Good for Firefox.
Unless you want the browser to completely ignore system colors and never style native controls using them, there is no way around dealing with this website error. Pale Moon is doing exactly what it is supposed to be doing.

And this is the site Yandex.ru, namely its form in the "Yandex.Collections" service.

Just because they are big doesn't excuse them from properly styling their websites.

I think this means that I will encounter such a problem more than once on other sites if I continue to use the dark color scheme, and I doubt that I will be able to contact all site owners and ask them to fix this problem.

And why not? All it takes is a minute to send them a message alerting them to the problem in their styling. The problem is the website, you are using their service and you are unhappy with their error in their design. Nowhere does that involve us as a browser developer. You should solve it with them.

[inFlowiaLab]

Cool.

[Lootyhoof]

It looks like Firefox basically just works around this in a weird way (bug #1527048) by forcing use of the Adwaita theme for content controls. Not really system-native at that point, though.

[Moonchild]

Yet another hack.

Honestly, they should use some of that waning influence they still have to advocate for proper web design, not just hack around errors this way.

[mr tribute]

Mozilla is drinking the Gnome kool-aid. Gnome considers all GTK3 themes "a hack". Adwaita means "One and Only" and the tooltip for the theme says "There is only one".

So as much as I like GTK2, GTK3 isn't the future for Linux customization. GTK3 just removed all menu icons from LibreOffice so I'm still using GTK2 integration there.

So in a way, Mozilla is doing what GTK/Gnome tells them. There is only one GTK3 theme: Adwaita. Everything else is a hack.

[New Tobin Paradigm]

This hack won't work on GTK2. Also, Moonchild check your logs because we have discussed this before.

The short of it is GTK3 can set theme as an environmental varable and indeed a user can too on their launcher or cli using env.

But again, this will ONLY work if it is GTK3 even if we did the hack.

[mr tribute]

This hack won't work on GTK2. Also, Moonchild check your logs because we have discussed this before.

The short of it is GTK3 can set theme as an environmental varable and indeed a user can too on their launcher or cli using env.

But again, this will ONLY work if it is GTK3 even if we did the hack.

FYI: GTK2 can also set themes as environment variables:

https://ubuntu-mate.community/t/how-to- ... tions/2514

[New Tobin Paradigm]

But that isn't a feature all GTK2 Linux distros have, I have actually tried it before. Doesn't matter anyway cause no such hack is being considered at this time.

The core issue of course remains with poor web design choices and thus not our problem.

RESOLVED WONTFIX

[Moonchild]

Also, Moonchild check your logs because we have discussed this before.

Sir, yes, sir!