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

[Feature]: Increase contrast between scrub head and scrub bar; visually separate previous vs upcoming content #818

Open
1 task done
TehBrian opened this issue Feb 2, 2025 · 3 comments
Assignees
Labels
enhancement Current feature enhancement

Comments

@TehBrian
Copy link

TehBrian commented Feb 2, 2025

Feature Description

The scrub bar currently looks like this.

Image

It has two issues.

  • It's difficult to discern the scrub head's location because it blends in with the rest of the scrub bar.
  • Unlike most media players, the scrub bar's color is constant: previous and upcoming content have the same color. This further decreases legibility of the current scrub head position.
    • Distinguishing previous and upcoming content has the added benefit of making the scrub head very easy to locate—simply look at the end of the previous content—even if remains the same color as the scrub bar.

Proposed Solution

To differentiate the bar from the head and increase legibility, lighten the color used for previous content and desaturate the color used for upcoming content.

Ideally, those three colors could be customized: the color of previous content, the color of the head, and the color of upcoming content. I'm not sure if those options would be excessive, though.

Here's one possible idea.

Image

Here's another.

Image

Here's one more, just for fun.

Image

I like the first one the most, which is simply fully desaturating upcoming content (previous content remains as-is).

Additional Context or Screenshots

No response

Code of Conduct

  • I agree
@TehBrian TehBrian added the enhancement Current feature enhancement label Feb 2, 2025
@kKaskak
Copy link
Member

kKaskak commented Feb 2, 2025

Image

wdym the same color?
i think you are talking about the old v4.4 desktop version.
This is fixed in the beta v5 version so im closing this issue

@kKaskak kKaskak closed this as completed Feb 2, 2025
@TehBrian
Copy link
Author

TehBrian commented Feb 2, 2025

Oh, cool! I'm on macOS, so I don't (think?) I have access to a v5 build.

I will say though that the scrub bar in your screenshot seems a bit dark compared to the black background; maybe making it a bit more gray to increase contrast could help legibility? But it's a big improvement compared to v4.4!

@kKaskak
Copy link
Member

kKaskak commented Feb 3, 2025

Oh, cool! I'm on macOS, so I don't (think?) I have access to a v5 build.

I will say though that the scrub bar in your screenshot seems a bit dark compared to the black background; maybe making it a bit more gray to increase contrast could help legibility? But it's a big improvement compared to v4.4!

you can check the web version for the latest v5
web.stremio.com
Probably can be improved yes

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Current feature enhancement
Projects
None yet
Development

No branches or pull requests

4 participants