Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Theme selection "Auto" on new login is very dark. #549

Closed
onixx opened this issue May 28, 2020 · 5 comments
Closed

Theme selection "Auto" on new login is very dark. #549

onixx opened this issue May 28, 2020 · 5 comments
Labels

Comments

@onixx
Copy link

onixx commented May 28, 2020

Describe the bug
When logging in to 3.49, the auto theme selection seems broken on Firefox.

To Reproduce
Login in private mode and proceed with new client

Screenshot
image

After login, go to settings. Auto is selected.
image

Select dark and the colors come back normal and readable:
image

@onixx onixx added the bug label May 28, 2020
@jaedb
Copy link
Owner

jaedb commented May 29, 2020

I am unable to replicate this on Windows 10 + Firefox 76. What OS are you using, and have you performed a forced refresh or cleared your browser cache?

@onixx
Copy link
Author

onixx commented May 29, 2020

Here is Windows 10 + Firefox 76.0.1. Did a clear cache and same issue. Also tried with Edge (which I never used before), same issue. Tried on a few other different machines with Firefox and same issue. My installation was originally 3.46 which was fine. The issue started right after my upgrade to 3.49 using sudo python3 -m pip install --upgrade Mopidy-Iris.

The installation is inside a VM and I had made a snapshot before upgrade. I went back to 3.46 using my snapshot and its fine, no color issues.

Anything else you would like me to try

@jaedb
Copy link
Owner

jaedb commented Jun 9, 2020

I've finally managed to replicate this, but only with a rather old Microsoft Edge 44. This seemed to be due to the browser not supporting prefers-color-scheme which is how the auto-detection of colour theme works. Upgrading to the latest Edge (83) and it is working as expected.
So it seems to be a browser issue, but I'm unable to replicate in the latest Firefox + Windows 10 (I have the same setup as yourself) so I'm a but stumped.
Perhaps the issue is to do with the VM? Can you tell me more about this?

@onixx
Copy link
Author

onixx commented Jun 10, 2020

I believe I found the issue. See: https://codepen.io/kleinfreund/pen/NmpKZM

My browser returns no (false) on the link above. according to https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme : Indicates that the user has made no preference known to the system. This keyword value evaluates to false in the boolean context.

Is no-preference (false) handled as dark ?

@jaedb
Copy link
Owner

jaedb commented Jun 22, 2020

Yep you've hit the nail on the head. There isn't currently any proper handling of prefers-color-scheme = false.

@jaedb jaedb closed this as completed in 68d86e3 Jun 22, 2020
jojo141185 added a commit to seppi91/Iris that referenced this issue Aug 9, 2020
* Display general Spotify error messages that are provided by API

* Calculating group volume on render rather than on load, fixes jaedb#534

* Removing group when last client is removed from it

* Properly cancellable processes; Playlists that refuse to load tracks

* Removing data_dir in favor of Extension.get_data_dir, jaedb#547

* Creating SearchResults component

* Search results grid layout; Tracklist

* Clearable search results

* Ditching thumbnail glow on mobile - performance suffering too much

* Play/queue actions on playlist save tracks to index for faster reuse

* Fixing context menu trigger silencing; Search form polish

* Letter spacing

* Fixing theme tweaks; Fixing prefers-color-scheme of false, resolves jaedb#549

* Buildout

* Black and flake fixups (still no check_manifest working reliably)

* Removing old helpers

* Fill prop for thumbnails on Queue and Artist for large screens

* Getting a feel for desired multi-language approach jaedb#424

* Language as window.language for access in pure function

* Exposing components for translation mapping; Queue and AAlbum views now moved to translation file

* Renaming Content to I18n to avoid naming clashes; Artist and Debug views mapped

* Mapping Playlist view

* Clickable flags; Adding links to version release notes

* Merging into main dev stream

* Mapping all remaining views - just modals and components to go

* All views done this time; Language file mapping for modals.. Will need to do destructuring in second sweep

* Halfway through modals mapping

* Final components done, dynamic language selector

* Adding error boundary around Notifications to catch issues like jaedb#565

* Responsive for < 350px devices, fixes jaedb#532

* Prod buildout

* Correcting snapcast config and path

* Updating with corrected Snapserver config file path

* Mobile polish; Performance experimentation; Loader screen; ; Minor code bugs

* Previewing items to add, in prep for random selection (jaedb#546)

* Fixing library URI setting (destructuring), possibly related to jaedb#571

* Adding generic loadItem (refactor elsewhere); Adding foundation for Add Random

* Modal detection through less-than-ideal jQuery

* Add to queue random functional

* Adding jest coverage

* Added sv.yaml

This is the first version of a Swedish translation for Iris.

* Upgrading jest

* Add German translations

* Upgrading to Babel 7; Fixing failing tests

* Disable lifecycle methods

* Buildout

* 3.51 buildout

* Adding jest to ci jobs

* Adding Code Climate coverage reporter

Co-authored-by: James Barnsley <[email protected]>
Co-authored-by: el97 <[email protected]>
Co-authored-by: Fabian Dennler <[email protected]>
jojo141185 added a commit to seppi91/Iris that referenced this issue Aug 22, 2020
* Display general Spotify error messages that are provided by API

* Calculating group volume on render rather than on load, fixes jaedb#534

* Removing group when last client is removed from it

* Properly cancellable processes; Playlists that refuse to load tracks

* Removing data_dir in favor of Extension.get_data_dir, jaedb#547

* Creating SearchResults component

* Search results grid layout; Tracklist

* Clearable search results

* Ditching thumbnail glow on mobile - performance suffering too much

* Play/queue actions on playlist save tracks to index for faster reuse

* Fixing context menu trigger silencing; Search form polish

* Letter spacing

* Fixing theme tweaks; Fixing prefers-color-scheme of false, resolves jaedb#549

* Buildout

* Black and flake fixups (still no check_manifest working reliably)

* Removing old helpers

* Fill prop for thumbnails on Queue and Artist for large screens

* Getting a feel for desired multi-language approach jaedb#424

* Language as window.language for access in pure function

* Exposing components for translation mapping; Queue and AAlbum views now moved to translation file

* Renaming Content to I18n to avoid naming clashes; Artist and Debug views mapped

* Mapping Playlist view

* Clickable flags; Adding links to version release notes

* Merging into main dev stream

* Mapping all remaining views - just modals and components to go

* All views done this time; Language file mapping for modals.. Will need to do destructuring in second sweep

* Halfway through modals mapping

* Final components done, dynamic language selector

* Adding error boundary around Notifications to catch issues like jaedb#565

* Responsive for < 350px devices, fixes jaedb#532

* Prod buildout

* Correcting snapcast config and path

* Updating with corrected Snapserver config file path

* Mobile polish; Performance experimentation; Loader screen; ; Minor code bugs

* Previewing items to add, in prep for random selection (jaedb#546)

* Fixing library URI setting (destructuring), possibly related to jaedb#571

* Adding generic loadItem (refactor elsewhere); Adding foundation for Add Random

* Modal detection through less-than-ideal jQuery

* Add to queue random functional

* Adding jest coverage

* Added sv.yaml

This is the first version of a Swedish translation for Iris.

* Upgrading jest

* Add German translations

* Upgrading to Babel 7; Fixing failing tests

* Disable lifecycle methods

* Buildout

* 3.51 buildout

* Adding jest to ci jobs

* Adding Code Climate coverage reporter

Co-authored-by: James Barnsley <[email protected]>
Co-authored-by: el97 <[email protected]>
Co-authored-by: Fabian Dennler <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants