diff --git a/README.md b/README.md index ba41244..4946d87 100644 --- a/README.md +++ b/README.md @@ -1,39 +1,34 @@ scyfin logo -### **Modern CSS theme for Jellyfin with support for backdrops and custom accent colors** +### **A modern CSS theme for Jellyfin, featuring backdrops and customizable accent colors. Enhanced for a more elegant appearance.** [Go to installation](#installation) --- -### **Scyfin Base Theme** -`@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css');` +### **Scyfin Elegance Theme** +```css +@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/scyfin-theme.css'); /* Base theme */ +@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/disable-static-drawer.css'); /* Disable static left drawer */ -homepage -homepage-backdrops -details -details-backdrops -movies -dashboard -login +/* Elegance theme */ +:root { + --primary-background-color: rgba(0,0,0,0.9); + --secondary-background-color: rgba(2,2,2,0.9); + --primary-background-transparent: rgba(2,2,2,0.2); +} + +/* Increase backdrop image brightness and add some blur */ +.backgroundContainer.withBackdrop { + background-color: rgba(0,0,0,0.65); + backdrop-filter: blur(6px); +} +``` + +492565878-c1894478-9b1e-40d9-aad8-bc6bf96a30f6 +492565951-22b1a228-3012-4633-8236-65bce2397407 +492566281-2c14d90e-36e2-43b8-a1fe-49e16192a474 -### 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');` - - seafoam-theme - - Coral - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-coral.css');` - - coral-theme - - Snow - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-snow.css');` - - snow-theme - - OLED - - `@import url('https://cdn.jsdelivr.net/gh/loof2736/scyfin@latest/CSS/theme-oled.css');` - - homepage-oled - - details-oled ---