2025-12-03, 12:03 PM
Would love some advice on this. Not sure why but with my current CSS theme code I am getting a "<body>" text on my Jellyfin MP app and the browser. Tried to inspect element it on my browser to find where it comes from but it isn't very possible.
Here are some screenshots of the issue.
This is my current CSS 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');
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-seafoam.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: var(--primary-background-transparent) !important; backdrop-filter: blur(var(--blur)) !important; }
/* transparent pane for audio/video/subtitle selection section */
.trackSelections { background: var(--primary-background-transparent) !important; backdrop-filter: blur(var(--blur)) !important; }
/* transparent pane for writers/directors etc */
.layout-desktop .detailsGroupItem { background: var(--primary-background-transparent) !important; backdrop-filter: blur(var(--blur)) !important; }
/* with backdrops disabled, transparent pane for all sections */
.noBackdropTransparency .detailPagePrimaryContainer, .noBackdropTransparency .detailPageSecondaryContainer {background-color: transparent !important;}
Here are some screenshots of the issue.
This is my current CSS 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');
@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-seafoam.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: var(--primary-background-transparent) !important; backdrop-filter: blur(var(--blur)) !important; }
/* transparent pane for audio/video/subtitle selection section */
.trackSelections { background: var(--primary-background-transparent) !important; backdrop-filter: blur(var(--blur)) !important; }
/* transparent pane for writers/directors etc */
.layout-desktop .detailsGroupItem { background: var(--primary-background-transparent) !important; backdrop-filter: blur(var(--blur)) !important; }
/* with backdrops disabled, transparent pane for all sections */
.noBackdropTransparency .detailPagePrimaryContainer, .noBackdropTransparency .detailPageSecondaryContainer {background-color: transparent !important;}