Scyfin CSS Theme (10.9.x Support)

[Ted Hinklater]

Code:

@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css');
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer.css');
.detailPageSecondaryContainer {
  background-clip: text
}

.page.libraryPage.backdropPage::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  background-attachment: fixed;
  pointer-events: none;
}

.layout-desktop #itemDetailPage:not(.noBackdropTransparency) .detailsGroupItem, .layout-desktop #itemDetailPage:not(.noBackdropTransparency) .detailSectionContent, .layout-desktop #itemDetailPage:not(.noBackdropTransparency) .trackSelections {
  background: transparent !important;
  backdrop-filter: none !important;
}

Thanks so much! This definitely does what I asked!

A couple quick questions:
1 - Is there a way to modify this so the background on the home page and navigating through libraries is not black? I believe the normal theme background is #101010.
2 - Is there a way to accomplish this effect without enabling the backdrops feature in the user settings? This way, I can have all my users share the same theme without having to enable the backdrops function on a per user/per device setting and without having to modify config files. Not sure if this requires heavy modification of the theme itself.

Sorry if this is a complicated request!

In the ::before element (we generated it to cover the backdrops)

Where it says background: #000;

Change that to #101010;

For backdrops-by-default there is a guide, i believe you want this

https://github.com/BobHasNoSoul/jellyfin...-all-users