beautify shit

Author: ibratabian17

assets/drawable/info_bkg.png

@@ -52,7 +52,7 @@
                 <span class="subtitle">There is no new news, come back later! (rip english)</span>
             </div>
             <div class="banner advantages">
-                <span class=" banner-title">Advantages of JDFire 1.3</span>
+                <span class=" banner-title">Advantages of JDFire 1.5</span>
                 <div class="container-grid"></div>
             </div>
             <div class="banner serverstats">

index.html

@@ -22,8 +22,8 @@ var advantages = `
                     </div>
                     <div class="grid uptodate" onmouseover="ripple('.uptodate')">
                         <span class="material-symbols-rounded" translate="no">system_update</span>
-                        <span class="title">Up-To-Date</span>
-                        <span class="subtitle">Always Use New Security Patch</span>
+                        <span class="title">OpenParty Based</span>
+                        <span class="subtitle">Open source and free!</span>
                     </div>
 `;
 

scripts/pages/index.js

@@ -5,7 +5,7 @@
 }
 
 #page {
-    background: #17191c;
+    background: #1a110f;
     font-family: "GoogleSans Regular", "system-ui";
     margin: 0 !important;
     padding: 0 !important;
@@ -26,12 +26,12 @@
 
 ::-webkit-scrollbar-track {
     width: 0.3em;
-    background: linear-gradient(to right, #0000 40.01%, #262b31 40.02%);
+    background: linear-gradient(to right, #0000 40.01%, #312626 40.02%);
     border-radius: 0em 0 0 0.4em;
 }
 
 ::-webkit-scrollbar-thumb {
-    background-color: #214076;
+    background-color: #8f4c38;
     border-radius: 0.3em 0 0 0.3em;
     width: 0.6em;
     left: -0.3em !important;
@@ -69,7 +69,7 @@ span.ripple {
     animation: ripple 600ms linear;
     left: 0%;
     top: 0;
-    background-image: radial-gradient(#6081b065 0%, #6089b0 40%, #6081b000 60%);
+    background-image: radial-gradient(#8f4c3865 0%, #8f4c38 40%, #8f4c3800 60%);
 }
 
 button span.ripple {
@@ -80,7 +80,7 @@ button span.ripple {
 input,
 input:focus {
     border: none !important;
-    background-color: #5b697442;
+    background-color: #745d5b42;
     color: inherit;
     font-family: inherit;
     text-align: center;
@@ -102,7 +102,7 @@ input.banner-search {
 
 #navbar {
     /*background-color: #414548da;*/
-    background-color: #17191cc4;
+    background-color: #1a110fc4;
     background-image: url(../assets/mipmap/chaccaron.webp);
     background-size: 3.5em;
     width: 100%;
@@ -163,7 +163,7 @@ input.banner-search {
     width: 100%;
     height: 27em;
     border-radius: 1em;
-    background: #2b2e3139;
+    background: #312b2b39;
     margin-top: 1em;
     position: relative;
     overflow: hidden;

ui/material.css

@@ -31,8 +31,8 @@
     top: 79%;
     left: 5%;
     border: none;
-    background: #6c8dbe;
-    color: #212121;
+    background: #8f4c38;
+    color: #ffffff;
     border-radius: 1em;
     z-index: 1;
 }
@@ -95,7 +95,7 @@
 .advantages .container-grid .grid {
     width: auto;
     height: 16rem;
-    background-color: rgba(37, 40, 45, 0.315);
+    background-color: rgba(45, 37, 37, 0.315);
     margin: 1em;
     border-radius: 2em;
     transition: all .2s;