update ux

app/ui/archiveTile.js

@@ -163,7 +163,7 @@ module.exports = function(state, emit, archive) {
     ${archiveDetails(state.translate, archive)}
     <hr class="w-full border-t my-4">
     <button
-      class="text-blue self-end font-medium flex items-center"
+      class="text-blue hover:text-blue-dark focus:text-blue-darker self-end font-medium flex items-center"
       onclick=${copy}>
       <img src="${assets.get('copy-16.svg')}" class="mr-2"/>
       ${state.translate('copyUrlHover')}
@@ -301,7 +301,7 @@ module.exports.uploading = function(state, emit) {
     <div class="text-blue text-sm font-medium mt-2">${progressPercent}</div>
     <progress class="my-3" value="${progress}">${progressPercent}</progress>
     <button
-      class="text-blue self-end font-medium"
+      class="text-blue hover:text-blue-dark focus:text-blue-darker self-end font-medium"
       onclick=${cancel}>
       ${state.translate('uploadingPageCancel')}
     </button>

app/ui/copyDialog.js

@@ -22,7 +22,9 @@ module.exports = function(name, url) {
         >
           ${state.translate('copyUrlFormButton')}
         </button>
-        <a class="text-blue my-4 font-medium cursor-pointer" onclick="${close}"
+        <a
+          class="text-blue hover:text-blue-dark focus:text-blue-darker my-4 font-medium cursor-pointer"
+          onclick="${close}"
           >${state.translate('okButton')}</a
         >
       </div>

app/ui/download.js

@@ -107,7 +107,9 @@ module.exports = function(state, emit) {
               ${state.translate('downloadFinish')}
             </h1>
             <p class="mb-4">
-              <a href="/" class="text-blue font-medium"
+              <a
+                href="/"
+                class="text-blue hover:text-blue-dark focus:text-blue-darker font-medium"
                 >${state.translate('sendYourFilesLink')}</a
               >
             </p>