login style

src/css/dark.css

@@ -9,7 +9,7 @@
     --msg-content-background: #22244C;
     --our-msg: #314C22;
     --notify: #476974;
-    --login-background: #154352;
+    --login-background: rgb(22, 23, 44);
     --seen-indicator: rgba(255, 255, 255, 0.45);
     --input-bg: #262642;
     --input-text: #ffffff;

src/css/style.css

@@ -22,8 +22,9 @@ a {
   cursor: pointer;
 }
 
-a:hover {
+a:hover, a:focus {
   text-decoration: underline;
+  outline: none;
 }
 
 input, button, .button {
@@ -331,6 +332,14 @@ header #back-button {
   z-index: 1000;
 }
 
+#login a {
+  color: white;
+}
+
+#login a:hover {
+  color: white;
+}
+
 #login-content {
   margin: auto;
   text-align: center;

src/index.html

@@ -6,6 +6,7 @@
   <meta charset="utf-8">
   <meta name="description" content="Social Networking Freedom">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <meta property="og:title" content="Iris Messenger" />
   <meta property="og:description" content="Encrypted P2P Messaging" />
   <meta property="og:url" content="https://iris.to" />
@@ -69,11 +70,11 @@
             <input autofocus autocomplete="off" autocorrect="off" autocapitalize="sentences" spellcheck="off" id="login-form-name" type="text" name="name" placeholder="What's your name?">
             <p><button id="sign-up" type="input">Go</button></p>
             <br>
-            <p><a id="show-existing-account-login">Already have an account?</a></p>
+            <p><a href="#" id="show-existing-account-login">Already have an account?</a></p>
           </div>
         </div>
         <div id="existing-account-login" class="hidden">
-          <p><a id="show-create-account">&lt; Back</a></p>
+          <p><a href="#" id="show-create-account">&lt; Back</a></p>
           <input id="paste-privkey" placeholder="Paste a private key">
           <p>
             <button id="scan-privkey-btn">Scan private key QR code</button>

src/js/app.js

@@ -515,14 +515,16 @@ function showLogoutConfirmation() {
 }
 
 $('#show-existing-account-login').click(showSwitchAccount);
-function showSwitchAccount() {
+function showSwitchAccount(e) {
+  e.preventDefault();
   resetView();
   $('#create-account').hide();
   $('#existing-account-login').show();
 }
 
 $('#show-create-account').click(showCreateAccount);
-function showCreateAccount() {
+function showCreateAccount(e) {
+  e.preventDefault();
   $('#privkey-qr-video').hide();
   $('#create-account').show();
   $('#existing-account-login').hide();