Zombie CSS - 10.9.x compatible

[PoMpls]

I love this theme.... but I have a problem with the playback controls... they are missing



(Jellyfin 10.9.6)

[Tom Sedláček]

Need feedback with an alternative mobile details layout. Incase users like this, will release as an addon. 

Definitely better than the before... 

Wouldn't it be possible to use the movie image/poster as the entire background?

E: I just tried this theme on a tablet and in landscape mode it would be perfect to make it look like it does on a PC.


Anyway thanks ! One of the best themes I've ever tried ! Good luck.

Tweaked a bit for the tablet layout. I don't have device to test. Would be happy if you are willing to do so. 

Of course I will be happy to help. 😉

[M0RPH3US]

I really dig the look but tags aren't visible and tag search doesn't work. Tag support was a great feature in 10.9.2

I love this theme.... but I have a problem with the playback controls... they are missing



(Jellyfin 10.9.6)

Updated in the latest release. The cdn push might take some time. Instead you can force pull the latest by changing the @latest to @v10. Feedback appreciated.

[PoMpls]

I really dig the look but tags aren't visible and tag search doesn't work. Tag support was a great feature in 10.9.2

I love this theme.... but I have a problem with the playback controls... they are missing



(Jellyfin 10.9.6)

Updated in the latest release. The cdn push might take some time. Instead you can force pull the latest by changing the @latest to @v10. Feedback appreciated.

Well, thank you very much... it already works perfectly..

A very nice theme 

One last question: 

Is there an easy way to change the white color of the play bar to green?

Greetings

[M0RPH3US]

I really dig the look but tags aren't visible and tag search doesn't work. Tag support was a great feature in 10.9.2

I love this theme.... but I have a problem with the playback controls... they are missing



(Jellyfin 10.9.6)

Updated in the latest release. The cdn push might take some time. Instead you can force pull the latest by changing the @latest to @v10. Feedback appreciated.

Well, thank you very much... it already works perfectly..

A very nice theme 

One last question: 

Is there an easy way to change the white color of the play bar to green?

Greetings

You can try some of the color schemes in the github repo. Or you want to keep the base color scheme and just want the play bar as green?

[Efficient_Good_5784]

One last question: 

Is there an easy way to change the white color of the play bar to green?

Greetings

I can't guarantee that this will work with the theme without causing conflicts, but try this:

Code:

/*This affects the color of the playback slider, the chapter markers on the OSD, and OSD volume bar slider.*/
div.mdl-slider-background-lower,
input.mdl-slider::-webkit-slider-thumb,
.mdl-slider::-webkit-slider-thumb,
.sliderBubbleTrack,
.sliderMarker.watched {
background-color: rgba(0,200,0,1) !important; }

[M0RPH3US]

One last question: 

Is there an easy way to change the white color of the play bar to green?

Greetings

I can't guarantee that this will work with the theme without causing conflicts, but try this:

Code:

/*This affects the color of the playback slider, the chapter markers on the OSD, and OSD volume bar slider.*/
div.mdl-slider-background-lower,
input.mdl-slider::-webkit-slider-thumb,
.mdl-slider::-webkit-slider-thumb,
.sliderBubbleTrack,
.sliderMarker.watched {
background-color: rgba(0,200,0,1) !important; }

You are bang on.

[Efficient_Good_5784]

Also @M0RPH3US, I've noticed your theme (and some others as well) have the watched chapter ticks set at the default blue color on the web player.

To change their color to match your theme, this is the css code for that:

Code:

.sliderMarker.watched {
background-color: rgba(150,150,150,1) !important; }

Just change the rgb values to whatever color you need.

As a small note, to change the color of unwatched chapter ticks, I believe the code is just ".sliderMarker.unwatched", though I may be wrong on that.

Finally, this might be of interest too:

To change the color of the volume slider popup when the keyboard up and down arrow keys are pressed, try this:

Code:

/*This affects the color of the pop-up volume bar when the keyboard is used to change volume.*/
.iconOsdProgressInner {
background-color: rgba(150,150,150,1) !important; }

[M0RPH3US]

Also @M0RPH3US, I've noticed your theme (and some others as well) have the watched chapter ticks set at the default blue color on the web player.

To change their color to match your theme, this is the css code for that:

Code:

.sliderMarker.watched {
background-color: rgba(150,150,150,1) !important; }

Good catch. Will add that

Just change the rgb values to whatever color you need.

As a small note, to change the color of unwatched chapter ticks, I believe the code is just ".sliderMarker.unwatched", though I may be wrong on that.

Finally, this might be of interest too:

To change the color of the volume slider popup when the keyboard up and down arrow keys are pressed, try this:

Code:

/*This affects the color of the pop-up volume bar when the keyboard is used to change volume.*/
.iconOsdProgressInner {
background-color: rgba(150,150,150,1) !important; }

[PoMpls]

Guys, this worked wonderfully.

Code:

div.mdl-slider-background-lower,

input.mdl-slider::-webkit-slider-thumb,

.mdl-slider::-webkit-slider-thumb,

.sliderBubbleTrack,

.sliderMarker.watched {

background-color: rgba(0,200,0,1) !important; }

But it has only changed when it is played.. on the main screen it is still white ( Although I think I really like it the way it is  )



I thank you very much for the help, it is very very nice