refactor and themes

Author: adthoughtsglobal

public/themes/fun.css public/themes/cyberpublic/themes/fun.css renamed to public/themes/cyber

@@ -0,0 +1,19 @@
+:root {
+  --bg-one: #0E0E0Eab;
+  --bg-two: transparent;
+  --bg-three: #24242Bab;
+  --bg-four: #3a3a3aab;
+}
+
+.main {
+  background-image: url(https://images.unsplash.com/photo-1673714684457-6bcce8011061?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
+  background-size: cover;
+  &>* {
+    background-color: var(--bg-one);
+    backdrop-filter: blur(5px);
+  }
+}
+
+.server_bar {
+  backdrop-filter: blur(1em);
+}

public/themes/imagebg.css

@@ -1,4 +1,24 @@
 [
+  {
+    "id": "official",
+    "name": "Clean Dark",
+    "author": "darkdot",
+    "version": "1.0.0",
+    "description": "A clean dark theme.",
+    "file": "official.css",
+    "preview": "#bd93f9",
+    "price": 0
+  },
+  {
+    "id": "light",
+    "name": "Clean light",
+    "author": "darkdot",
+    "version": "1.0.0",
+    "description": "A clean light theme.",
+    "file": "light.css",
+    "preview": "#ffffff",
+    "price": 0
+  },
   {
     "id": "aqua",
     "name": "Aqua",
@@ -39,23 +59,22 @@
     "price": 0
   },
   {
-    "id": "official",
-    "name": "Clean Dark",
+    "id": "imagebg",
+    "name": "Wallpaper",
     "author": "darkdot",
     "version": "1.0.0",
-    "description": "A clean dark theme.",
-    "file": "official.css",
-    "preview": "#bd93f9",
+    "description": "Use this theme for themes with images",
+    "file": "imagebg.css",
     "price": 0
   },
   {
-    "id": "light",
-    "name": "Clean light",
+    "id": "neongirl",
+    "name": "NEON",
     "author": "darkdot",
     "version": "1.0.0",
-    "description": "A clean light theme.",
-    "file": "light.css",
-    "preview": "#ffffff",
+    "description": "Use wallpaper theme. Neon theme",
+    "file": "neongirl.css",
+    "preview": "#ff74dc",
     "price": 0
   }
 ]

public/themes/index.json

@@ -0,0 +1,4 @@
+.main {
+  background-image: url(https://images7.alphacoders.com/138/thumb-1920-1382630.png) !important;
+  text-shadow: 0 5px 5px rgba(255, 192, 203, 0.287);
+}

public/themes/neongirl.css

@@ -2,8 +2,9 @@
   background: linear-gradient(to right, rgb(0, 0, 0), rgb(54, 35, 18), rgb(120, 79, 23), rgb(181, 63, 27), rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 48%, rgb(241, 235, 27), rgb(241, 235, 27) 52%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
   padding: 0;
   &>.channelbar {
-    background-color: var(--bg-one);
-    opacity: .7;
+    color: white;
+    background-color: #000000ab;
     padding: .5em;
+    border-radius: .5em;
   }
 }