diff --git a/README.md b/README.md index 186a2e2..c6c34c1 100644 --- a/README.md +++ b/README.md @@ -8,3 +8,31 @@ Assets for my jellyfin instance @import url("https://git.levi.land/Levi/jellyskin-mod-public/raw/branch/main/JellySkin-mod.css"); @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: + +https://jellyfin.example.com > Sidebar Menu > Dashboard > General > Custom CSS code: + +```css +@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/main.css"); +@import url("https://cdn.jsdelivr.net/npm/jellyskin@latest/dist/logo.css"); +@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/light.css"); + +/* Add snippets below this line */ + +:root { + --accent1-light: hsl(349, 100%, 80%); + --accent1-dark: hsl(349, 46%, 58%); + --accent1-light-opacity1: hsla(349, 100%, 80%, 0.4); + --accent1-light-opacity0-2: hsla(349, 100%, 80%, 0.2); + --accent2-light: hsl(348, 100%, 71%); + --accent2-dark: hsl(348, 50%, 50%); + --accent2-superdark: hsl(348, 58%, 23%); + --swiper-theme-color: hsl(351, 100%, 70%); +} +/* etc. */ +``` + +## Credits +- **[Jellyfin](https://jellyfin.org/)** +- **[JellySkin](https://github.com/prayag17/JellySkin)** \ No newline at end of file