diff --git a/README.md b/README.md index 8141b86..f1f5e31 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ --- -### **Custom CSS theme for Jellyfin (plus a backdrops supported version)** +### **Custom CSS theme for Jellyfin with support for backdrops** --- @@ -10,56 +10,35 @@ --- -### **Scyfin Complete Theme** +### **Scyfin Base Theme** homepage +homepage-backdrops details +details-backdrops movies dashboard login `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css');` -### Options (Add these below the full theme) +### Options (Add these below the base theme) - Disable static left drawer - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer.css');` - Themes: - Seafoam - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-seafoam.css');` - - install2 + - seafoam-theme - Coral - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-coral.css');` - - install2 + - coral-theme - Snow - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-snow.css');` - - install2 - ---- - -### **Scyfin Complete Theme - Backdrops Supported** - -**Note -** -* Only install ONE version of the theme, do not install both the normal version and the backdrops supported version -* Backdrops need to be enabled in Jellyfin (Settings > Display > Backdrops) for backdrop supported version to display properly - -homepage-backdrops -details-backdrops - -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme-backdrop.css');` - -### Options (Add these below the full theme) -- Disable static left drawer (BACKDROP VERSION) - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer-backdrop.css');` -- Themes: - - Seafoam - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-seafoam.css');` - - install2 - - Coral - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-coral.css');` - - install2 - - Snow - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-snow.css');` - - install2 + - snow-theme + - OLED + - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-oled.css');` + - homepage-oled + - details-oled --- @@ -71,14 +50,12 @@ * Click the hamburger icon (Top left) * Navigate to "Dashboard" (If you don't see this, make sure you are signed in to your admin account) * Navigate to "General" -* Near the bottom, under "Custom CSS code", paste the `@import url` for the theme you want - * Note - - * Only install ONE version of the theme, do not install both the normal version and the backdrops supported version +* Near the bottom, under "Custom CSS code", paste the `@import url` for the base Scyfin theme * Example: - * install -* Optional - Paste the `@import url` for any options you want + * install-server-base +* Optional - Paste the `@import url` for any options / themes you may want * Example: - * install2 + * install-server-options * Click "Save" --- @@ -87,15 +64,14 @@ * Click the hamburger icon (Top left) * Navigate to "Settings" * Navigate to "Display" -* Near the middle, under "Custom CSS code", paste the `@import url` for the theme you want +* Near the middle, under "Custom CSS code", paste the `@import url` for the base Scyfin theme * Note - - * Only install ONE version of the theme, do not install both the normal version and the backdrops supported version * If there is any server-wide custom CSS, you may want to enable "Disable server-provided custom CSS code", as the two themes WILL interfere with each other * Example: - * install3 -* Optional - Paste the `@import url` for any options you want + * install-client-base +* Optional - Paste the `@import url` for any options / themes you may want * Example: - * install4 + * install-client-options * Click "Save" ---