Merge pull request #3 from danieladov/SkinVersions

Add support to kin versions

README.md

@@ -6,8 +6,26 @@ Jellyfin Skin Manager is a plugin that helps you to download and install skins;
 
 </p>
 
+## Install Process
 
 
+## From Repository
+1. In jellyfin, go to dashboard -> plugins -> Repositories -> add and paste this link https://raw.githubusercontent.com/danieladov/JellyfinPluginManifest/master/manifest.json
+2. Go to Catalog and search for Skin Manager
+3. Click on it and install
+4. Restart Jellyfin
+
+
+## From .zip file
+1. Download the .zip file from release page.
+2. Extract it and place the .dll file in a folder called ```plugins/SkinManager``` under  the program data directory or inside the portable install directory.
+3. Restart Jellyfin.
+
+## User Guide
+1. Go to Plugins, click on Skin Manager.
+2. Select the skin you want to install.
+3. Click set skin.
+
 
 
 ## Build Process
@@ -20,3 +38,11 @@ dotnet publish --configuration Release --output bin
 4. Place the resulting .dll file in a folder called ```plugins/SkinManager``` under  the program data directory or inside the portable install directory
 
 
+
+## Using with reverse proxy
+When using the Nginx Reverse proxy config from the [Jellyfin docs](https://jellyfin.org/docs/general/networking/nginx.html) the theme might not work by default. (If you are using the subpath config, you can ignore all this.)
+
+Because the config includes Content-Security-Policy which reduces risk of XSS, you need to add the URL from the skin repo and the fonts to the list of allowed external sources.
+
+For example to use Kaleidochromic you need to do [this](https://github.com/CTalvio/Kaleidochromic/blob/main/README.md#using-with-reverse-proxy)
+

skins-2.0.json

@@ -0,0 +1,82 @@
+[
+  {
+    "name": "Default",
+    "author": "Jellyfin",
+    "versions": [
+      {
+        "name": "Default",
+		"description":"Default Skin",
+        "css": ""
+      }
+    ]
+  },
+  {
+    "name": "Jellyflix",
+    "author": "prayagprajapati17",
+    "versions": [
+      {
+        "name": "Default",
+		"description":"Default Skin",
+        "css": "@import url(https://prayag17.github.io/JellyFlix/default.css);"
+      }
+    ]
+  },
+  {
+    "name": "Monochromic",
+    "author": "EdgeMentality",
+    "versions": [
+      {
+        "name": "Default",
+        "description": "Default Skin",
+        "css": "@import url(https://ctalvio.github.io/Monochromic/default_style.css);"
+      },
+      {
+        "name": "Improve performance",
+        "description": "The theme uses mask-image to fade out items below the top bar as you scroll. This works well on most reasonable hardware but struggles on some phones and especially smart TVs. This switches to a method without using mask-image, but foregoes the fade-out effect. I may switch to this method being the default.",
+        "css": "@import url('https://ctalvio.github.io/Monochromic/improve-performance_style.css');"
+      },
+      {
+        "name": "No rounded corners",
+        "description": "In fact, squares off every rounded corner JF ever had.",
+        "css": "@import url('https://ctalvio.github.io/Monochromic/sharp_style.css');"
+      },
+      {
+        "name": "Accent color preset - blue",
+        "description": "Restores some of the default Jellyfin blue accenting",
+        "css": "@import url('https://ctalvio.github.io/Monochromic/jfblue_style.css');"
+      },
+      {
+        "name": "Accent color preset - purple",
+        "description": "Purple Accents",
+        "css": "@import url('https://ctalvio.github.io/Monochromic/jfpurple_style.css'); );"
+      },
+      {
+        "name": "Restore bottom bar style episode progress",
+        "description": "Don't like my transparent view progress overlay? Use this to go back to the old style.",
+        "css": "@import url('https://ctalvio.github.io/Monochromic/bottom-progress_style.css');"
+      }
+    ]
+  },
+  {
+    "name": "Kaleidochromic",
+    "author": "EdgeMentality",
+    "versions": [
+      {
+        "name": "Default",
+		"description":"Default Skin",
+        "css": "@import url(https://ctalvio.github.io/Kaleidochromic/default_style.css);"
+      }
+    ]
+  },
+  {
+    "name": "JellySkin",
+    "author": "prayagprajapati17",
+    "versions": [
+      {
+        "name": "Default",
+		"description":"Default Skin",
+        "css": "@import url('https://prayag17.github.io/JellySkin/default.css');"
+      }
+    ]
+  }
+]

skins.json

@@ -1,4 +1,10 @@
 [
+	{
+		"name":"Default",
+		"author":"Jellyfin",
+		"css": ""
+
+	},
 	{
 		"name":"Jellyflix",
 		"author":"prayagprajapati17",