diff --git a/skins-3.0.json b/skins-3.0.json
index 440cb14..b726dd8 100644
--- a/skins-3.0.json
+++ b/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",
@@ -213,74 +281,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",
diff --git a/src/img/Default/1.png b/src/img/Default/1.png
new file mode 100644
index 0000000..ede5396
Binary files /dev/null and b/src/img/Default/1.png differ
diff --git a/src/img/Default/2.png b/src/img/Default/2.png
new file mode 100644
index 0000000..d57c0be
Binary files /dev/null and b/src/img/Default/2.png differ
diff --git a/src/img/Default/3.png b/src/img/Default/3.png
new file mode 100644
index 0000000..166b61a
Binary files /dev/null and b/src/img/Default/3.png differ
diff --git a/src/img/Default/4.png b/src/img/Default/4.png
new file mode 100644
index 0000000..10049b2
Binary files /dev/null and b/src/img/Default/4.png differ