UI fixes

css/main.css

@@ -381,13 +381,6 @@ ul {
   cursor: pointer;
 }
 
-.button--primary {
-  color: white;
-  font-weight: 500;
-  padding: 0.5rem 1.2rem;
-  background-color: var(--accent-color);
-}
-
 .auto-grid-2 {
   gap: 2rem;
   grid-template-columns: 1fr;

css/main.scss

@@ -324,13 +324,6 @@ ul {
   cursor: pointer;
 }
 
-.button--primary {
-  color: white;
-  font-weight: 500;
-  padding: 0.5rem 1.2rem;
-  background-color: var(--accent-color);
-}
-
 .auto-grid-2 {
   gap: 2rem;
   grid-template-columns: 1fr;

css/uploader-style.css

@@ -16,7 +16,7 @@ body {
 }
 
 body {
-  --accent-color: #0eaf8f;
+  --accent-color: #304ffe;
   --light-shade: rgba(var(--text-color), 0.06);
   --text-color: 17, 17, 17;
   --text-color-light: 100, 100, 100;
@@ -31,7 +31,7 @@ body {
 }
 
 body[data-theme=dark] {
-  --accent-color: #1abc9c;
+  --accent-color: #a6b9ff;
   --green: #13ff5a;
   --text-color: 240, 240, 240;
   --text-color-light: 170, 170, 170;
@@ -367,13 +367,6 @@ ul {
   cursor: pointer;
 }
 
-.button--primary {
-  color: white;
-  font-weight: 500;
-  padding: 0.5rem 1.2rem;
-  background-color: var(--accent-color);
-}
-
 #confirmation_popup,
 #prompt_popup {
   flex-direction: column;

css/uploader-style.scss

@@ -13,7 +13,7 @@ body {
   scroll-behavior: smooth;
 }
 body {
-  --accent-color: #0eaf8f;
+  --accent-color: #304ffe;
   --light-shade: rgba(var(--text-color), 0.06);
   --text-color: 17, 17, 17;
   --text-color-light: 100, 100, 100;
@@ -27,7 +27,7 @@ body {
   flex-direction: column;
 }
 body[data-theme="dark"] {
-  --accent-color: #1abc9c;
+  --accent-color: #a6b9ff;
   --green: #13ff5a;
   --text-color: 240, 240, 240;
   --text-color-light: 170, 170, 170;
@@ -310,13 +310,6 @@ ul {
   cursor: pointer;
 }
 
-.button--primary {
-  color: white;
-  font-weight: 500;
-  padding: 0.5rem 1.2rem;
-  background-color: var(--accent-color);
-}
-
 #confirmation_popup,
 #prompt_popup {
   flex-direction: column;

index.html

@@ -124,7 +124,7 @@
                     </a>
                     <button id="torrent_download_button" class="button button--primary"
                         onclick="downloadTorrent(currentTorrent.filename, currentTorrent.startTx, currentTorrent.chunks, currentTorrent.id, true)">
-                        Get torrent
+                        Get Torrent
                     </button>
                 </div>
             </section>
@@ -312,7 +312,7 @@
                 <span class="torrent-card__uploader"></span>
             </a>
             <button class="torrent-card__download-button">
-                Get torrent
+                Get Torrent
             </button>
         </li>
     </template>

uploader.html

@@ -54,7 +54,8 @@
             <h1>Upload torrent</h1>
             <section class="fieldset">
                 <h4>Required</h4>
-                <sm-input id="floID" placeholder="FLO ID" data-flo-id required></sm-input>
+                <sm-input id="floID" placeholder="FLO address" error-text="Invalid FLO address" data-flo-id
+                    required></sm-input>
                 <sm-input id="name" placeholder="Torrent Name" required></sm-input>
                 <file-input id="torrentFile" required>
                     <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"