GNAT - God not another theme‽

[SethBacon]

Always appreciate the feedback. I have released a new update (v8.0.1) which addresses some of the issues raised: Credits, Technical info and Tags all have their own heading text now. The 1px card border was removed across all pages. Some other fonts, spacings, colors revised. Unfortunately the desktop Jellyfin Media Player has an out of date web-viewer and probably wont render this or other skins correctly until they update it, c'est dommage.

Create your own palette and try it out by pasting this in your custom css field!: 

Code:

@import url("https://cdn.jsdelivr.net/gh/JSethCreates/jellyfin-theme-sethstyle/jellyfin-theme-sethstyle.css");
:root {
  --md-sys-color-primary:            #b19ee0 !important;
  --md-sys-color-secondary:          #cbc2db !important;
  --md-sys-color-tertiary:            #03a3dc !important;

  --md-sys-color-on-primary:          #381e72 !important;
  --md-sys-color-primary-container:  #4f378a !important;
  --md-sys-color-on-primary-container: #e9ddff !important;

  --md-sys-color-surface:            #1c1b1e !important;
  --md-sys-color-on-surface:          #e6e1e6 !important;
  --md-sys-color-outline:            #948f99 !important;
}

[sabertooth3]

Hey, thanks for this awesome theme and especially the customization options! For a non-CS guy like me, it's super helpful. One question- how did you get the codecs (HEVC, AAC, etc.) to show up at the bottom of the player?

   

[KodiUser1138]

Just circled back to check this theme out and the 2 things I do like about it are the locked left poster panel and the pop-out upon focus of items. Wondering if it's possible to have just those 2 features added through CSS code?

[SethBacon]

Hey I can address other tips in an update next week but if you just want the pop-out focusing on items this will work if you paste it in your custom CSS box.

/* How fast the grow happens */
.cardBox {
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* How big */
.itemsContainer > .card > .cardBox:hover {
transform: scale(1.05) !important;
}

/* Shadow */
.itemsContainer > .card > .cardBox:hover .cardImageContainer {
box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5) !important;
}

/* Let cards grow outside their normal bounds on hover */
.itemsContainer,
.itemsContainer > .card,
.itemsContainer > .card > .cardBox {
overflow: visible !important;
}
.emby-scroller {
overflow: visible !important;
}



The re-flowed media item page locking some aspects to the left side vs right is actually most of the rest of the code, it would be trickier to extract it.

[KodiUser1138]

LOVE IT!!!

[KodiUser1138]

Ok while I do love it I also found an issue. On the ios app the scrolling of horizontal lists was disabled and the entire screen just floated around. I messed with the code a little to see what might be the culprit and ended up taking out this part. Now all of the browser, desktop and ios app seem to be working fine and on the iphone there is even a bit of pop-out when you touch an item.

.emby-scroller {
overflow: visible !important;
}

So no idea what that code is supposed to do but it does seem to be what caused other issues.

Just discovered that despite this change, viewing a TV show screen exibits the same "move the entire screen" action instead of scrolling seasons to the left.

[Spotlight]

This theme is so great but no matter what I try it will not work on my fire tv stick. Any help please ?

[KodiUser1138]

The JF app for the firestick (android?) may not be compatible with the custom CSS code. I know it doesn't work on the andoid TV Telus box I use for one client.

[Spotlight]

What about the Jellycon on kodi does that work ?

[KodiUser1138]

No, Kodi is a front-end client and will not present the Jellyfin UI. It will import and run the media but the UI will be based on which ever Kodi skin you are running.