Merge pull request #33 from prayag17/master

Update/fix few things

Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html

@@ -1866,7 +1866,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
                 background: #b23232 !important;
             }
             
-            <style>.sp-cancel {
+            .sp-cancel {
                 font-size: 15px;
                 color: white;
                 margin: 0;

install.bat

@@ -1,8 +1,10 @@
 @ECHO OFF
 @echo This will not work if you have installed jellyfin to a custom location
 set /p ask = Enter 'X' to continue or 'C' to cancel: 
-if "%ask%" neq "x" (
+if "%ask%" neq "x" goto:eof
+
     @echo starting install...
+
     dotnet publish --configuration Release --output bin
-    move bin\Jellyfin.Plugin.SkinManager.dll C:\ProgramData\Jellyfin\Server\plugins\SkinManager
-)
+
+    move bin\Jellyfin.Plugin.SkinManager.dll C:\ProgramData\Jellyfin\Server\plugins\SkinManager

skins-3.0.json

@@ -5,19 +5,19 @@
         "defaultCss": "",
         "previews": [{
                 "name": "Login Page",
-                "url": ""
+                "url": "https://prayag17.github.io/jellyfin-plugin-skin-manager/src/img/1.png"
             },
             {
                 "name": "Home/Index Page",
-                "url": ""
+                "url": "https://prayag17.github.io/jellyfin-plugin-skin-manager/src/img/2.png"
             },
             {
                 "name": "Library Page",
-                "url": ""
+                "url": "https://prayag17.github.io/jellyfin-plugin-skin-manager/src/img/3.png"
             },
             {
                 "name": "Title page",
-                "url": ""
+                "url": "https://prayag17.github.io/jellyfin-plugin-skin-manager/src/img/4.png"
             }
         ],
         "categories": [{
@@ -25,6 +25,74 @@
             "options": []
         }]
     },
+    {
+        "name": "JellySkin",
+        "author": "prayagprajapati17",
+        "description": "A very bright and colorful look using lots of drop shadows. Theme is by prayag17.",
+        "defaultCss": "@import url('https://prayag17.github.io/JellySkin/default.css');",
+        "previews": [{
+                "name": "Login Page",
+                "url": "https://prayag17.github.io/JellySkin/img/login.jpg"
+            },
+            {
+                "name": "Home/Index Page",
+                "url": "https://prayag17.github.io/JellySkin/img/Home.jpg"
+            },
+            {
+                "name": "Library Page",
+                "url": "https://prayag17.github.io/JellySkin/img/Movies.jpg"
+            },
+            {
+                "name": "Title page",
+                "url": "https://prayag17.github.io/JellySkin/img/Title%20Page-Movie.jpg"
+            }
+        ],
+        "categories": [{
+            "name": "Default",
+            "options": [{
+                    "type": "selector",
+                    "name": "Gradient",
+                    "description": "Changes the Jellyfin themed Hover gradient",
+                    "css": "@import url('https://prayag17.github.io/JellySkin/$.css');",
+                    "selections": [{
+                            "name": "Default",
+                            "value": "",
+                            "css": "@import url('https://prayag17.github.io/JellySkin/default.css');"
+                        },
+                        {
+                            "name": "Sea Gradient",
+                            "value": "seaGradient",
+                            "css": "@import url('https://prayag17.github.io/JellySkin/seaGradient.css');"
+                        },
+                        {
+                            "name": "Sunset Gradient",
+                            "value": "sunsetGradient",
+                            "css": "@import url('https://prayag17.github.io/JellySkin/sunsetGradient.css');"
+
+                        },
+                        {
+                            "name": "Night Sky Gradient",
+                            "value": "nightSkyGradient",
+                            "css": "@import url('https://prayag17.github.io/JellySkin/nightSkyGradient.css');"
+
+                        },
+                        {
+                            "name": "Morning Gradient",
+                            "value": "morningGradient",
+                            "css": "@import url('https://prayag17.github.io/JellySkin/morningGradient.css');"
+
+                        }
+                    ]
+                },
+                {
+                    "type": "checkBox",
+                    "name": "Theme Logo",
+                    "description": "Styles title page in such a way in which logos are used instead of Names.",
+                    "css": "@import url('https://prayag17.github.io/JellySkin/Logo.css');"
+                }
+            ]
+        }]
+    },
     {
         "name": "JellyFlix",
         "author": "prayagprajapati17",
@@ -49,7 +117,12 @@
         ],
         "categories": [{
             "name": "Default",
-            "options": []
+            "options": [{
+                "type": "checkBox",
+                "name": "Theme Logo",
+                "description": "Styles title page in such a way in which logos are used instead of Names.",
+                "css": "@import url('https://prayag17.github.io/JellyFlix/Logo.css');"
+            }]
         }]
     },
     {
@@ -213,74 +286,6 @@
             ]
         }]
     },
-    {
-        "name": "JellySkin",
-        "author": "prayagprajapati17",
-        "description": "A very bright and colorful look using lots of drop shadows. Theme is by prayag17.",
-        "defaultCss": "@import url('https://prayag17.github.io/JellySkin/default.css');",
-        "previews": [{
-                "name": "Login Page",
-                "url": "https://prayag17.github.io/JellySkin/img/login.jpg"
-            },
-            {
-                "name": "Home/Index Page",
-                "url": "https://prayag17.github.io/JellySkin/img/Home.jpg"
-            },
-            {
-                "name": "Library Page",
-                "url": "https://prayag17.github.io/JellySkin/img/Movies.jpg"
-            },
-            {
-                "name": "Title page",
-                "url": "https://prayag17.github.io/JellySkin/img/Title%20Page-Movie.jpg"
-            }
-        ],
-        "categories": [{
-            "name": "Default",
-            "options": [{
-                    "type": "selector",
-                    "name": "Gradient",
-                    "description": "Changes the Jellyfin themed Hover gradient",
-                    "css": "@import url('https://prayag17.github.io/JellySkin/$.css');",
-                    "selections": [{
-                            "name": "Default",
-                            "value": "",
-							"css" : "@import url('https://prayag17.github.io/JellySkin/default.css');"
-                        },
-                        {
-                            "name": "Sea Gradient",
-                            "value": "seaGradient",
-							"css" : "@import url('https://prayag17.github.io/JellySkin/seaGradient.css');"
-                        },
-                        {
-                            "name": "Sunset Gradient",
-                            "value": "sunsetGradient",
-							"css" : "@import url('https://prayag17.github.io/JellySkin/sunsetGradient.css');"
-
-                        },
-                        {
-                            "name": "Night Sky Gradient",
-                            "value": "nightSkyGradient",
-							"css" : "@import url('https://prayag17.github.io/JellySkin/nightSkyGradient.css');"
-
-                        },
-                        {
-                            "name": "Morning Gradient",
-                            "value": "morningGradient",
-							"css" : "@import url('https://prayag17.github.io/JellySkin/morningGradient.css');"
-
-                        }
-                    ]
-                },
-                {
-                    "type": "checkBox",
-                    "name": "Theme Logo",
-                    "description": "Styles title page in such a way in which logos are used instead of Names.",
-                    "css": "@import url('https://prayag17.github.io/JellySkin/Logo.css');"
-                }
-            ]
-        }]
-    },
     {
         "name": "Custom",
         "author": "you",
@@ -318,7 +323,7 @@
                         "type": "selector",
                         "name": "Poster card hover effect",
                         "description": "Changes the hover effect on Movie/TV show/Music poster card.",
-                        "css": "",
+                        "css": "/*poster-eff*/",
                         "selections": [{
                                 "name": "Scale in and out",
                                 "css": " /* Dynamic Poster effect-option1*/ .cardBox-bottompadded{margin-bottom; 1em !important;}.itemsContainer>.card>.cardBox {margin: 1em;background: rgba(0,0,0,0.5);transition: transform .2s;}.card:hover .cardBox{transform: scale(1.1);}"
@@ -337,6 +342,12 @@
                             }
                         ]
                     },
+                    {
+                        "type": "checkBox",
+                        "name": "Image gradient in title page",
+                        "description": "removes the bg of detail ribbon and replace it with image gradient",
+                        "css": ".detailRibbon {background: transparent;}.itemBackdrop {-webkit-mask: linear-gradient(to bottom, black 50%,transparent);mask: linear-gradient(to bottom, black 50%,transparent);}"
+                    },
                     {
                         "type": "checkBox",
                         "name": "Minimal Actor's card",