evgeny-nadymov / telegram-react

Experimental Telegram web client with tdlib, webassembly and react js under the hood
https://evgeny-nadymov.github.io/telegram-react/
GNU General Public License v3.0
2.33k stars 606 forks source link

Chrome downloads shelf shown in light mode with the dark theme enabled #382

Open erayrafet opened 3 years ago

erayrafet commented 3 years ago

Even though dark mode is enabled in the Windows settings, Chrome, and Telegram React, the downloads shelf of the browsers still appears in light mode/theme.

image


> Windows 10 20H2
> Chrome Beta 90
> TG React 0.0.963
> Running in windowed mode / like a PWA
minecraftchest1 commented 3 years ago

That is a issue with the browser. Go file a bug report with the developers of your browser.

erayrafet commented 3 years ago

That is a issue with the browser. Go file a bug report with the developers of your browser.

That simply isn't true. See: image image image

Even Discord, which isn't a PWA, does not have the same color mismatch. I'm sure it has something to do with this: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

erayrafet commented 3 years ago

Here's a proof of concept in action: https://drive.google.com/file/d/1fzEZThNHaraYyx-Kz5LHw40GOZXQ0dl8/view?usp=sharing

minecraftchest1 commented 3 years ago

I have used chrome, and now use the Microsoft Edge fork of it, and I have never seen a dark download bar. I can experiment a bit though and see what I can learn.

I'm sure it has something to do with this: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

That CSS option simply allows web devlopers to set the css for their site based off the users preference.