diff --git a/README.md b/README.md index c6c34c1..732754c 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Assets for my jellyfin instance @import url("https://git.levi.land/Levi/jellyskin-mod-public/raw/branch/main/greycliff.css"); ``` -Note that these modifications are highly personalized and should not be applied as-is to any Jellyfin instance. As a starting point I recommend applying [JellySkin](https://github.com/prayag17/JellySkin) to your instance and then adding snippets from [JellySkin-mod.css](https://git.levi.land/Levi/jellyskin-mod-public/src/branch/main/JellySkin-mod.css) to your Jellyfin instance, for example: +Note that these modifications are highly personalized and should not be applied as-is to any Jellyfin instance. As a starting point I recommend applying [JellySkin](https://github.com/prayag17/JellySkin) to your instance and then adding snippets from [JellySkin-mod.css](https://git.levi.land/Levi/jellyskin-mod-public/src/branch/main/JellySkin-mod.css) to your Jellyfin instance one by one, for example: https://jellyfin.example.com > Sidebar Menu > Dashboard > General > Custom CSS code: @@ -20,6 +20,8 @@ https://jellyfin.example.com > Sidebar Menu > Dashboard > General > Custom CSS c /* Add snippets below this line */ +/*--Color Scheme Overrides--*/ + :root { --accent1-light: hsl(349, 100%, 80%); --accent1-dark: hsl(349, 46%, 58%); @@ -30,6 +32,15 @@ https://jellyfin.example.com > Sidebar Menu > Dashboard > General > Custom CSS c --accent2-superdark: hsl(348, 58%, 23%); --swiper-theme-color: hsl(351, 100%, 70%); } + +/*--Backdrop--*/ + +.backdropContainer { + filter: blur(6px) brightness(50%) saturate(100%) !important; + mask-image: linear-gradient(180deg, black, transparent) !important; + -webkit-mask-image: linear-gradient(180deg, black, hsla(0, 0%, 0%, 0.6)) !important; +} + /* etc. */ ```