Update 1.3.1 (Level 2)

connect.js

@@ -167,6 +167,7 @@ async function testProxy() {
             });
             console.log("Fliternet Bypassed");
             filterBypassStat = true;
+            ConnectedVibe("warp");
             return true;
         }
         catch {
@@ -248,7 +249,7 @@ function ConnectedWarp(stat = "normal") {
     sect == "main" ? SetAttr("changeStatus-vibe", "style", "box-shadow:0px 0px 50px 10px rgba(98, 255, 0, 0.7);") : ("")
     sect == "main" ? SetAttr("changeStatus-vibe", "style", "animation:;") : ("")
     sect == "main" ? SetHTML("status-vibe-conn", "🚀 Connected") : ('');
-    sect == "main" ? SetAnim("ChangeStatus", "Load") : ("");
+    sect == "main" ? SetAnim("ChangeStatus", "null !important") : ("");
     sect == "main" ? SetBorderColor("ChangeStatus", "#15ff00") : ("");
     if (stat == "normal") {
         sect == "main" ? Showmess(5000, "🚀!Connected To Warp!🚀") : ("");

renderer.js

@@ -25,7 +25,7 @@ var { Onloading, connectVibe, connectWarp, setProxy, offProxy, settingWarp, Conn
 __dirname = __dirname.replace("app.asar", "")
 var Psicountry = ["IR", "AT", "BE", "BG", "BR", "CA", "CH", "CZ", "DE", "DK", "EE", "ES", "FI", "FR", "GB", "HU", "HR", "IE", "IN", "IT", "JP", "LV", "NL", "NO", "PL", "PT", "RO", "RS", "SE", "SG", "SK", "UA", "US"];
 var PsicountryFullname = ["Auto Server", "Austria", "Belgium", "Bulgaria", "Brazil", "Canada", "Switzerland", "Czech Republic", "Germany", "Denmark", "Estonia", "Spain", "Finland", "France", "United Kingdom", "Hungary", "Croatia", "Ireland", "India", "Italy", "Japan", "Latvia", "Netherlands", "Norway", "Poland", "Portugal", "Romania", "Serbia", "Sweden", "Singapore", "Slovakia", "Ukraine", "United States"];
-var backgroundList = ["1.jpg", "2.png", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg"];
+var backgroundList = ["1.png", "2.png", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg","13.jpg","14.jpg","15.jpg","16.jpg"];
 // #endregion
 // #region all Listener
 document.addEventListener("DOMContentLoaded", () => {
@@ -132,8 +132,10 @@ document.addEventListener("DOMContentLoaded", () => {
         saveSetting();
         SetSettingWarp();
     };
-    document.getElementById("change-background-warp-btn").onclick =  () => {
-        document.body.style.backgroundImage = `url(${getRandomImage()}),  linear-gradient(180deg, #252C37 0%, rgba(35, 31, 88, 0.5) 35%, rgba(0, 212, 255, 0.4) 100%)`;
+    document.getElementById("change-background-warp-btn").onclick = () => {
+        const randomImage = getRandomImage();
+        document.body.style.backgroundSize = "cover";
+        document.body.style.backgroundImage = `url(${randomImage}), linear-gradient(180deg, #252C37 0%, rgba(35, 31, 88, 0.5) 35%, rgba(0, 212, 255, 0.4) 100%)`;
     }
 });
 // #endregion
@@ -241,8 +243,7 @@ function Onload() {
             }, 1500);
         }
     };
-    // Load Background
-    document.body.style.backgroundImage = `url(${getRandomImage()}),  linear-gradient(180deg, #252C37 0%, rgba(35, 31, 88, 0.5) 35%, rgba(0, 212, 255, 0.4) 100%)`;
+
 };
 function getRandomImage() {
     const randomIndex = Math.floor(Math.random() * backgroundList.length);
@@ -708,5 +709,6 @@ setInterval(() => {
     testProxy();
     saveSetting();
 }, 7500);
+
 //#endregion
 // End code

style.css

@@ -1,18 +1,65 @@
 /*///////////////////////////////////////////*/
 /* Start Code*/
 /* #region warp */
+
 body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
     flex-direction: column;
     flex-wrap: wrap;
+    background: radial-gradient(circle at center, #1b1b1b, #0d0d0d 40%, #000000);
+    background-attachment: fixed;
+    color: white;
+    font-family: 'Arial', sans-serif;
     overflow: hidden;
-    height: 98vh;
-    transition: 0.7s;
-    background-repeat: no-repeat;
-    background: #4e0544;
     background-size: cover;
+    margin: 0;
+    padding: 0;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(145deg, #1b0033, #0d001a, #2c003e,#05295e,#0974f1);
+    background-size: 200% 200%;
+    font-family: 'Arial', sans-serif;
+    overflow: hidden;
+    animation: DarkGradientMove 15s ease infinite;
+}
+
+body::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: radial-gradient(circle at 30% 30%, rgba(255, 0, 127, 0.15), transparent 50%), 
+                radial-gradient(circle at 70% 70%, rgba(140, 32, 170, 0.15), transparent 50%);
+    mix-blend-mode: screen;
+    pointer-events: none;
+    animation: NeonGlow 1s ease-in-out infinite;
+}
+
+@keyframes DarkGradientMove {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 50% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+
+@keyframes NeonGlow {
+    0% {
+        opacity: 0.5;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.5;
+    }
 }
 
 
@@ -53,33 +100,55 @@ h2 {
     width: 175px;
     height: 175px;
     font-size: 55px;
-    color: black;
-    background: linear-gradient(#ccc 0 0) padding-box, linear-gradient(to right, #9c20aa, #fb3570) border-box;
-    color: #313149;
+    color: white;
+    background: linear-gradient(#2502eb86 0 0) padding-box, linear-gradient(to right, #2c003e, #ff007f) border-box;
     padding: 10px;
     border: 5px solid transparent;
     border-radius: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
-    animation: ChangeStatusAnimOff 10s infinite;
+    animation: ChangeStatusAnimOff 10s infinite, glow 2s ease-in-out infinite;
+    box-shadow: 0 0 50px rgba(255, 0, 127, 0.3);
+    transition: background 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
+    cursor: pointer;
+}
+
+#ChangeStatus:hover {
+    transition: 0.8s;
+    backdrop-filter: blur(50px);
+    background: transparent;
+    border-color:#1100ff;
+    box-shadow: 0 0 50px rgba(255, 0, 128, 0.432), 0 0 20px rgba(44, 0, 62, 0.5);
 }
 
 @keyframes ChangeStatusAnimOff {
     10% {
-        background: linear-gradient(#ccc 0 0) padding-box, linear-gradient(to right, #9c20aa, #fb3570) border-box;
+        border-color: #9c20aa;
     }
 
     20% {
-        border-color: #9c20aa;
+        border-color: #fb3570;
     }
 
     50% {
         border-color: #3F36AE;
     }
 
     100% {
-        border-color: #fb3570;
+        border-color: #970f53af;
+    }
+}
+
+@keyframes glow {
+    0% {
+        box-shadow: 0 0 10px rgba(255, 0, 127, 0.3), 0 0 5px rgba(44, 0, 62, 0.3);
+    }
+    50% {
+        box-shadow: 0 0 380px rgba(255, 0, 127, 0.3), 0 0 55px rgba(44, 0, 62, 0.5);
+    }
+    100% {
+        box-shadow: 0 0 50px rgba(255, 0, 127, 0.3), 0 0 5px rgba(44, 0, 62, 0.3);
     }
 }
 
@@ -105,6 +174,8 @@ h2 {
     }
 }
 
+
+
 .menu-show {
     padding: 7px;
 }
@@ -344,7 +415,7 @@ h2 {
 #setting,
 #setting-vibe {
     display: none;
-    position: absolute;
+    position: fixed;
     right: 0%;
     top: 0%;
     width: 80%;
@@ -414,7 +485,7 @@ h2 {
     justify-content: center;
     align-items: center;
     backdrop-filter: blur(20px);
-    background-color: rgba(30, 17, 104,0.3);
+    background-color: rgba(30, 17, 104, 0.3);
     flex-direction: column;
     z-index: 9;
     border-radius: 15px;
@@ -1006,6 +1077,7 @@ select option {
         width: 50%;
         height: 10vh;
     }
+
     #menu>div {
         width: 75%;
         height: 8.3vh;
@@ -1060,6 +1132,7 @@ select option {
     border: none;
     border-radius: 7px;
 }
+
 ::-webkit-scrollbar {
     width: 1.5vw;
 }