Media player should follow / match custom theme color (gradient)

[sjclayton]

This should be pretty self-explanatory based on the title.

But I think it would be nice, if the media player background and maybe controls were coloured/tinted based on the user's custom theme colors / gradient. It would make things blend together in a much more smooth and attractive way.

[ParlDev]

That's a pretty good idea, right now it sticks out like a sore thumb against everything else, although I know some people like it to be that way... maybe a good in-between? I know that the seek-bar is already colored to match the theme, so the ability is definitely there.

[sjclayton]

I have it taken care of right now with custom CSS, but I definitely think it is something that should be done by default.

If you want to try it, add the following to your userChrome.css and adjust the color ratio to your liking.
It only uses the primary color as basis for the change, so it does not take gradients into account right now.

#zen-media-controls-toolbar > toolbaritem {
  background-color: color-mix(in srgb, var(--zen-colors-primary) 100%, black 55%) !important;
}

[ParlDev]

Oh that's awesome!
It looks better already!

[mr-cheffy]

It would be too distracting and annoying in the long run

[sjclayton]

Why? It looks better than the default... and also could be adjusted further so as not to stick out. Most people who use Zen are ricing the f*ck out of it anyway.

Why not give the ability to have one less thing to think about?.. Simply have it so it follows whatever colors the user chooses instead of an almost 100% black default no matter what the theme is, that just makes it look out of place.

If you're going to give people the ability to set a nice color theme or gradient in Zen, then why not make UI elements in Zen able to use said colors?

A large chunk of the UI does not respect the user chosen accent color or theme right now, why not change that?.. It could also be nice allow people to target them (including gradients) when making mods by providing a published list of Zen theme CSS color variables or something, so everything could end up working very cohesively.

[ParlDev]

100% agree with @sjclayton