Scyfin CSS Theme (10.9.x Support)

[Ted Hinklater]

If it's too dark try #7b7b7b instead of #101010

I did remove the pane, with this part:

Code:

.layout-desktop #itemDetailPage:not(.noBackdropTransparency) .detailsGroupItem, .layout-desktop #itemDetailPage:not(.noBackdropTransparency) .detailSectionContent, .layout-desktop #itemDetailPage:not(.noBackdropTransparency) .trackSelections {
[b]  background: transparent !important;[/b]  /* hides the background) */
  backdrop-filter: none !important;[b] /* removed the filter that blurred the background under it) */ [/b]
}

Ah yeah our changes didn't cover when backdrops aren't enabled, this is with all the changes:

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}
/* cover backdrops except for item page */
.page.libraryPage.backdropPage::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #7b7b7b; background-size: cover; opacity: 1; z-index: -1; background-attachment: fixed; pointer-events: none;}
/* transparent pane for description section */
.layout-desktop .detailSectionContent { background: transparent !important;}
/* transparent pane for audio/video/subtitle selection section */
.trackSelections { background: transparent !important;}
/* transparent pane for writers/directors etc */
.layout-desktop .detailsGroupItem { background: transparent !important;}
/* with backdrops disabled, transparent pane for all sections */
.noBackdropTransparency .detailPagePrimaryContainer, .noBackdropTransparency .detailPageSecondaryContainer {background-color: transparent !important;}