updated password input UI

app/templates/popup/index.js

@@ -1,14 +1,6 @@
 const html = require('choo/html');
 
 module.exports = function(msg, confirmText, cancelText, confirmCallback) {
-  function hide(e) {
-    e.stopPropagation();
-    const popup = document.querySelector('.popup.popup--show');
-    if (popup) {
-      popup.classList.remove('popup--show');
-    }
-  }
-
   return html`
   <div class="popup__wrapper">
     <div class="popup" onblur=${hide} tabindex="-1">
@@ -23,4 +15,12 @@ module.exports = function(msg, confirmText, cancelText, confirmCallback) {
       </div>
     </div>
   </div>`;
+
+  function hide(e) {
+    e.stopPropagation();
+    const popup = document.querySelector('.popup.popup--show');
+    if (popup) {
+      popup.classList.remove('popup--show');
+    }
+  }
 };

app/templates/popup/popup.css

@@ -2,8 +2,8 @@
   visibility: hidden;
   min-width: 204px;
   min-height: 105px;
-  background-color: #fff;
-  color: #000;
+  background-color: var(--pageBGColor);
+  color: var(--textColor);
   border: 1px solid #d7d7db;
   padding: 15px 24px;
   box-sizing: content-box;
@@ -82,7 +82,7 @@
 }
 
 .popup__yes {
-  color: #fff;
+  color: var(--primaryControlFGColor);
   background-color: var(--primaryControlBGColor);
   border-radius: 5px;
   padding: 5px 25px;