[S] Fix level color

AquaNet/src/app.sass

@@ -91,19 +91,24 @@ button.icon
   @extend .flex-center
 
 .level-0
-  --lv-color: $c-lv0
+  //--lv-color: #6ED43E
+  --lv-color: 110, 212, 62
 
 .level-1
-  --lv-color: $c-lv1
+  //--lv-color: #F7B807
+  --lv-color: 247, 184, 7
 
 .level-2
-  --lv-color: $c-lv2
+  //--lv-color: #FF828D
+  --lv-color: 255, 130, 141
 
 .level-3
-  --lv-color: $c-lv3
+  //--lv-color: #A051DC
+  --lv-color: 160, 81, 220
 
 .level-4
-  --lv-color: $c-lv4
+  //--lv-color: #c299e7
+  --lv-color: 194, 153, 231
 
 .error
   color: $c-error

AquaNet/src/pages/UserHome.svelte

@@ -178,7 +178,7 @@
                 <span class="name">{r.name}</span>
               </div>
               <div>
-                <span class={`lv level-${r.level}`}>{r.notes ? r.notes[r.level]?.lv : ""}</span>
+                <span class={`lv level-${r.level}`}>{r.notes ? r.notes[r.level]?.lv.toFixed(1) : ""}</span>
                 <span class={"rank-" + ("" + getMult(r.achievement, game)[2])[0]}>
                   <span class="rank-text">{("" + getMult(r.achievement, game)[2]).replace("p", "+")}</span>
                   <span class="rank-num">{(r.achievement / 10000).toFixed(2)}%</span>
@@ -367,10 +367,11 @@ $gap: 20px
           color: #6ba6ff
 
         .lv
-          background: var(--lv-color)
+          min-width: 30px
+          text-align: center
+          background: rgba(var(--lv-color), 0.6)
           padding: 0 6px
           border-radius: 10px
-          opacity: 0.8
           margin-right: 10px
 
         span
@@ -379,7 +380,7 @@ $gap: 20px
 
         // Vertical table-like alignment
         span.rank-text
-          min-width: 30px
+          min-width: 40px
         span.rank-num
           min-width: 60px
         span.dx-change

AquaNet/src/vars.sass

@@ -12,10 +12,4 @@ $nav-height: 4rem
 $w-mobile: 560px
 $w-max: 900px
 
-$c-lv0: #6ED43E
-$c-lv1: #F7B807
-$c-lv2: #FF828D
-$c-lv3: #A051DC
-$c-lv4: #c299e7
-
 $transition: all 0.25s