From 2e569b1928c7cc6eff8ed3d2b51ed62444250359 Mon Sep 17 00:00:00 2001 From: Josh Wilberger Date: Mon, 27 Feb 2023 23:59:45 -0500 Subject: [PATCH 1/2] Update README.md --- README.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/README.md b/README.md index a06c800..e7cc3e5 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,13 @@ Scyfin Complete Theme @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.7/CSS/css-scyfin/scyfin-theme.css'); +Note: If you use the Jellyfin Media Player desktop app, you need to add this CSS bit (navigate to Settings>Display>Custom CSS Code if you only want it to apply to one client, ie the desktop app) or else the content will be covered by the sidebar: + +``` +/* Scyfin Media Player fix */ +.layout-desktop .libraryPage:not(#editItemMetadataPage) {margin-left: 250px !important;} +``` + --- Scyfin Complete Theme - Backdrops Supported @@ -28,6 +35,13 @@ Note - Backdrops need to be enabled in Jellyfin (Settings > Display > Backdrops) @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.7/CSS/css-scyfin/scyfin-theme-backdrop.css'); +Note: If you use the Jellyfin Media Player desktop app, you need to add this CSS bit (navigate to Settings>Display>Custom CSS Code if you only want it to apply to one client, ie the desktop app) or else the content will be covered by the sidebar: + +``` +/* Scyfin Media Player fix */ +.layout-desktop .libraryPage:not(#editItemMetadataPage) {margin-left: 250px !important;} +``` + --- Static Left Drawer From 83bd18d134fd824f999c25c12f3b4974f19a74c4 Mon Sep 17 00:00:00 2001 From: Josh Wilberger Date: Fri, 31 Mar 2023 15:02:32 -0400 Subject: [PATCH 2/2] Update README.md --- README.md | 42 +++++++----------------------------------- 1 file changed, 7 insertions(+), 35 deletions(-) diff --git a/README.md b/README.md index e7cc3e5..3f49204 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ --- -Custom CSS bits for the Jellyfin WebUI and a complete custom theme (Plus a backdrops supported version) +Custom CSS theme for Jellyfin (plus a backdrops supported version) --- @@ -27,7 +27,11 @@ Note: If you use the Jellyfin Media Player desktop app, you need to add this CSS Scyfin Complete Theme - Backdrops Supported -Note - Backdrops need to be enabled in Jellyfin (Settings > Display > Backdrops) for backdrop supported version to display properly +Note - + + Only add 1 version of the theme, do not add both the normal Scyfin theme and the backdrops supported version together + + Backdrops need to be enabled in Jellyfin (Settings > Display > Backdrops) for backdrop supported version to display properly scyfin-backdrop1 scyfin-backdrop2 @@ -35,41 +39,9 @@ Note - Backdrops need to be enabled in Jellyfin (Settings > Display > Backdrops) @import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@v1.0.7/CSS/css-scyfin/scyfin-theme-backdrop.css'); -Note: If you use the Jellyfin Media Player desktop app, you need to add this CSS bit (navigate to Settings>Display>Custom CSS Code if you only want it to apply to one client, ie the desktop app) or else the content will be covered by the sidebar: +Note - If you use the Jellyfin Media Player desktop app, you need to add this CSS bit (navigate to Settings>Display>Custom CSS Code if you only want it to apply to one client, ie the desktop app) or else the content will be covered by the sidebar: ``` /* Scyfin Media Player fix */ .layout-desktop .libraryPage:not(#editItemMetadataPage) {margin-left: 250px !important;} ``` - ---- - -Static Left Drawer - -static left drawer - -@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/static-left-drawer.css'); - ---- - -Rounded Cards - -rounded cards - -@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/rounded-cards.css'); - ---- - -Rounded Drawer Buttons - -rounded drawer buttons - -@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/rounded-drawer-buttons.css'); - ---- - -Transparent Header - -transparent header alt - -@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@m0.0.1-alpha/CSS/transparent-header.css');