update loading indicator

client/src/app.css

@@ -9,7 +9,6 @@
 	font-weight: 400;
 
 	color-scheme: light dark;
-	color: rgba(255, 255, 255, 0.87);
 
 	font-synthesis: none;
 	text-rendering: optimizeLegibility;

client/src/lib/components/ChainDropdown.svelte

@@ -82,7 +82,6 @@
 	}
 
 	.form-background {
-		background-color: #191924;
 		border: 1px solid #c8cdd0;
 	}
 

client/src/lib/components/Form.svelte

@@ -75,7 +75,7 @@
 			Get some {$testnet.currency}s
 		</button>
 	{:else}
-		<button class="btn btn-primary loading" disabled> Loading</button>
+		<button class="btn submit-btn" disabled><div class="loading" /></button>
 	{/if}
 </form>
 

client/src/lib/components/screens/Success.svelte

@@ -1,33 +1,37 @@
 <script lang="ts">
-  import { testnet } from "$lib/utils/stores";
-  import CheckCircle from "../icons/CheckCircle.svelte";
+	import { testnet } from "$lib/utils/stores";
+	import CheckCircle from "../icons/CheckCircle.svelte";
 
-  export let hash: string;
+	export let hash: string;
 </script>
 
 <div class="icon">
-  <CheckCircle />
+	<CheckCircle />
 </div>
 <div class="message">
-  Successfully sent {$testnet.currency}s to your address.
+	Successfully sent {$testnet.currency}s to your address.
 </div>
 
 {#if false && $testnet.explorer}
-  <a href={`${$testnet.explorer}/extrinsic/${hash}`} data-testid="success-button" target="_blank" rel="noreferrer">
-    <button class="submit-btn"> See transaction details</button>
-  </a>
+	<a
+		href={`${$testnet.explorer}/extrinsic/${hash}`}
+		data-testid="success-button"
+		target="_blank"
+		rel="noreferrer"
+	>
+		<button class="submit-btn"> See transaction details</button>
+	</a>
 {/if}
 
 <style lang="postcss">
-  .message {
-    @apply text-lg mb-4;
-    font-weight: 400;
-    font-size: 16px;
-    color: rgba(255, 255, 255, 0.7);
-  }
+	.message {
+		@apply text-lg mb-4;
+		font-weight: 400;
+		font-size: 16px;
+	}
 
-  .icon {
-    @apply w-full grid place-items-center;
-    color: #51e591;
-  }
+	.icon {
+		@apply w-full grid place-items-center;
+		color: #27ae60;
+	}
 </style>