Weaken the bg color of small text inputs on IPv4

Author: ryuheechul

src/components/blend/IPv4.svelte

@@ -50,7 +50,7 @@ Represent IPv4 address including prefix notation
               {min}
               {max}
               strictRangeOnInput={true}
-              class="text-center w-12 lt-sm:w-10 lt-xs:w-8 input-number-hide-arrows bg-gray-100 rounded font-mono"
+              class="text-center w-12 lt-sm:w-10 lt-xs:w-8 input-number-hide-arrows bg-gray-50 rounded font-mono"
               value={octet}
               on:change={(e) => onChange(idx, e)}
             />
@@ -64,7 +64,7 @@ Represent IPv4 address including prefix notation
         min={0}
         max={31}
         strictRangeOnInput={true}
-        class="text-center w-8 mt-1 bg-gray-100 rounded input-number-hide-arrows font-mono"
+        class="text-center w-8 mt-1 bg-gray-50 rounded input-number-hide-arrows font-mono"
         bind:value={prefix}
       />
     </div>

src/components/blend/IPv4Network.svelte

@@ -71,7 +71,7 @@ to augment IPv4 with Network and Netmask visualization
     </div>
   </small>
 </div>
-<small class="opacity-0"><pre>placeholder</pre></small>
+<small><pre class="opacity-0">placeholder</pre></small>
 <div class="relative">
   <div class="absolute w-full h-full rounded-b overflow-clip z--10">
     <div class="h-full bg-gray-200" style:width={`${(prefix / 32) * 100}%`} />
@@ -100,7 +100,7 @@ to augment IPv4 with Network and Netmask visualization
     </div>
     <pre class="text-gray-400 inline-block lt-xs:hidden">= Address & Netmask</pre>
   </small>
-  <small class="opacity-0"><pre>placeholder</pre></small>
+  <small><pre class="opacity-0">placeholder</pre></small>
 </div>
 <Bits
   hideHeader={true}