From 5d774d360ecc448555d99b2b52b11a3c0a73ae43 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jaco@parity.io>
Date: Wed, 13 Sep 2017 13:09:32 +0200
Subject: [PATCH] Update with latest dependencies

---
 js/package-lock.json               | 138 ++++++++++++++---------------
 js/src/Connection/connection.css   |   4 -
 js/src/Connection/connection.js    |   5 +-
 js/src/ParityBar/parityBar.css     |   6 --
 js/src/ParityBar/parityBar.js      |   9 +-
 js/src/Status/status.css           |   4 -
 js/src/Status/status.js            |   5 +-
 js/src/SyncWarning/syncWarning.css |   1 -
 js/src/SyncWarning/syncWarning.js  |   5 +-
 9 files changed, 83 insertions(+), 94 deletions(-)

diff --git a/js/package-lock.json b/js/package-lock.json
index 365e85737..f213d8c56 100644
--- a/js/package-lock.json
+++ b/js/package-lock.json
@@ -40,15 +40,15 @@
       }
     },
     "@parity/dapp-account": {
-      "version": "github:paritytech/dapp-account#5ed762c077f14f5c502f108228cd3c41f9f4889a",
+      "version": "github:paritytech/dapp-account#3231268871b9f93b90a19fa78c285f08be926e37",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-accounts": "github:paritytech/dapp-accounts#05cd7bab4472542f0561e74eba6659a2aedb35f9",
-        "@parity/dapp-vaults": "github:paritytech/dapp-vaults#97da4a9f2e14bf19fd6d8ab5c91ea6f4d89063ac",
+        "@parity/dapp-accounts": "github:paritytech/dapp-accounts#fa9c104371f5c203f280e67f3b4ab83878a87ee7",
+        "@parity/dapp-vaults": "github:paritytech/dapp-vaults#ae2d38297b1da40cfd8e48e7d80b3eba076b7780",
         "@parity/parity.js": "1.8.7",
         "@parity/shapeshift": "github:paritytech/js-shapeshift#290f908a873108d19296e72deda9b40e9f4d035f",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
         "happypack": "3.1.0",
         "lodash": "4.17.2",
         "oo7": "0.5.3",
@@ -67,12 +67,12 @@
       }
     },
     "@parity/dapp-accounts": {
-      "version": "github:paritytech/dapp-accounts#05cd7bab4472542f0561e74eba6659a2aedb35f9",
+      "version": "github:paritytech/dapp-accounts#fa9c104371f5c203f280e67f3b4ab83878a87ee7",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-vaults": "github:paritytech/dapp-vaults#97da4a9f2e14bf19fd6d8ab5c91ea6f4d89063ac",
+        "@parity/dapp-vaults": "github:paritytech/dapp-vaults#ae2d38297b1da40cfd8e48e7d80b3eba076b7780",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
         "file-saver": "1.3.3",
         "react": "15.6.1",
         "react-dom": "15.6.1",
@@ -82,26 +82,26 @@
       }
     },
     "@parity/dapp-address": {
-      "version": "github:paritytech/dapp-address#463703db9db64e0be2a8102a4d6a193004a556b2",
+      "version": "github:paritytech/dapp-address#709f4db1656cec978f7871b2f474d6525c161c4c",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-account": "github:paritytech/dapp-account#5ed762c077f14f5c502f108228cd3c41f9f4889a",
-        "@parity/dapp-addresses": "github:paritytech/dapp-addresses#e4d79364476041f343740caf9a4bfd7a9d94dd26",
+        "@parity/dapp-account": "github:paritytech/dapp-account#3231268871b9f93b90a19fa78c285f08be926e37",
+        "@parity/dapp-addresses": "github:paritytech/dapp-addresses#d65a3e5d1d0e844e24e2df54221183c4883bf3a1",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-addresses": {
-      "version": "github:paritytech/dapp-addresses#e4d79364476041f343740caf9a4bfd7a9d94dd26",
+      "version": "github:paritytech/dapp-addresses#d65a3e5d1d0e844e24e2df54221183c4883bf3a1",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-accounts": "github:paritytech/dapp-accounts#05cd7bab4472542f0561e74eba6659a2aedb35f9",
+        "@parity/dapp-accounts": "github:paritytech/dapp-accounts#fa9c104371f5c203f280e67f3b4ab83878a87ee7",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-chaindeploy": {
-      "version": "github:paritytech/dapp-chaindeploy#caf3f332b1593eebf293618757e80c0d03a72058",
+      "version": "github:paritytech/dapp-chaindeploy#22ea2618576a9be6784820b2af670d0a4017fd7e",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
@@ -110,64 +110,64 @@
       }
     },
     "@parity/dapp-contract": {
-      "version": "github:paritytech/dapp-contract#f7c38283feca4c916649d69113b31d8143ffec2c",
+      "version": "github:paritytech/dapp-contract#f193c5a555e40ed306b17e2f79aac6b5c11277b5",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-account": "github:paritytech/dapp-account#5ed762c077f14f5c502f108228cd3c41f9f4889a",
+        "@parity/dapp-account": "github:paritytech/dapp-account#3231268871b9f93b90a19fa78c285f08be926e37",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-contracts": {
-      "version": "github:paritytech/dapp-contracts#f4ed15b234e78e458a890633938ad1aca00d8cc4",
+      "version": "github:paritytech/dapp-contracts#553604be24463bc8b8e76b5daec177eb1fc8c785",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-account": "github:paritytech/dapp-account#5ed762c077f14f5c502f108228cd3c41f9f4889a",
-        "@parity/dapp-accounts": "github:paritytech/dapp-accounts#05cd7bab4472542f0561e74eba6659a2aedb35f9",
+        "@parity/dapp-account": "github:paritytech/dapp-account#3231268871b9f93b90a19fa78c285f08be926e37",
+        "@parity/dapp-accounts": "github:paritytech/dapp-accounts#fa9c104371f5c203f280e67f3b4ab83878a87ee7",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-dapp-accounts": {
-      "version": "github:paritytech/dapp-dapp-accounts#336fd03a5caadd0350ec84d394fc6a5b9156fc63",
+      "version": "github:paritytech/dapp-dapp-accounts#27bb841726d088cda56c357b8f32e4212679a42e",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-dapp-methods": {
-      "version": "github:paritytech/dapp-dapp-methods#dc375008589cafde6163bc2cbfdc58c09f4d915e",
+      "version": "github:paritytech/dapp-dapp-methods#94f67d2d01683ddad06f0ce765e8bd69a79030e3",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-dapp-visible": {
-      "version": "github:paritytech/dapp-dapp-visible#5f30e50dba3c34fcda571fb15b40293d63a5f6bc",
+      "version": "github:paritytech/dapp-dapp-visible#61569366f4411b5c3b419acf726da5b3fd861361",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-dappreg": {
-      "version": "github:paritytech/dapp-dappreg#9cd87b9f46745c399da9ace5aa3ef066fc092ffa",
+      "version": "github:paritytech/dapp-dappreg#fe3b53ed37b0227b5a1064e4d9cd9b58e406562b",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-develop": {
-      "version": "github:paritytech/dapp-develop#6cb89e983a2edbb49df419f6e99a60fffcad84bc",
+      "version": "github:paritytech/dapp-develop#767c772eaa1c1f6b1739631ebc1a159af474fd83",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-contracts": "github:paritytech/dapp-contracts#f4ed15b234e78e458a890633938ad1aca00d8cc4",
+        "@parity/dapp-contracts": "github:paritytech/dapp-contracts#553604be24463bc8b8e76b5daec177eb1fc8c785",
         "@parity/parity.js": "1.8.7",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
         "oo7": "0.5.3",
         "oo7-parity": "0.6.8",
         "oo7-react": "0.4.5",
@@ -179,7 +179,7 @@
       }
     },
     "@parity/dapp-githubhint": {
-      "version": "github:paritytech/dapp-githubhint#a3adb7840cd87b757dc846fd9e853e8b0f774dfe",
+      "version": "github:paritytech/dapp-githubhint#11fb050b24c3cc15e0364dc585e53100052cd1bb",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
@@ -190,12 +190,12 @@
       }
     },
     "@parity/dapp-home": {
-      "version": "github:paritytech/dapp-home#836766276b17704e70f4c51ff70d0cdc47b98d46",
+      "version": "github:paritytech/dapp-home#1e9a47e34850d444e608741098ed7b06a1782f47",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-web": "github:paritytech/dapp-web#70ed9adea275034e2bd57997dcbda5a7528cb37d",
+        "@parity/dapp-web": "github:paritytech/dapp-web#bacfdeda4721c0b9e96914ab5bb0d17e80a164bd",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
         "react-markdown": "2.4.4"
       },
       "dependencies": {
@@ -212,11 +212,11 @@
       }
     },
     "@parity/dapp-localtx": {
-      "version": "github:paritytech/dapp-localtx#793ee25afb8b468499eae4c3fdd9d71690878327",
+      "version": "github:paritytech/dapp-localtx#443e82160acb8d02895ca2e62b2aec63e1f2c5f5",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-playground": {
@@ -224,28 +224,28 @@
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-registry": {
-      "version": "github:paritytech/dapp-registry#a91a1ae3cc4e5e028877ed46ac9cff97ae28bfa2",
+      "version": "github:paritytech/dapp-registry#677aab86b42bbdd1ef453a226360b67c0276ec59",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
         "material-ui": "0.16.5"
       }
     },
     "@parity/dapp-settings": {
-      "version": "github:paritytech/dapp-settings#b801d511c6f7ee30237c95ebf3c184abfc121787",
+      "version": "github:paritytech/dapp-settings#d4c3258a93040570b301a20a642138364925528c",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-signaturereg": {
-      "version": "github:paritytech/dapp-signaturereg#59bef69cded92861df121e66dcc29b066a72aced",
+      "version": "github:paritytech/dapp-signaturereg#ef8fe91827372ce3275c40c80b7294b7d072d621",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
@@ -256,33 +256,33 @@
       }
     },
     "@parity/dapp-signer": {
-      "version": "github:paritytech/dapp-signer#92c4458f8d6c08ee9d9a14dd95d46c5a00deed60",
+      "version": "github:paritytech/dapp-signer#20f5de8f044fd16b2260d2f4bb1531d95228ecfa",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-status": {
-      "version": "github:paritytech/dapp-status#395a0da85be9de2259ecccf4abb89ba4d915d462",
+      "version": "github:paritytech/dapp-status#88b7d6327e36cbc286aea5509bd25c5912c8def3",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
         "bytes": "2.4.0",
         "format-number": "2.0.1"
       }
     },
     "@parity/dapp-tokendeploy": {
-      "version": "github:paritytech/dapp-tokendeploy#189debfbc2baca8e9d9a0563fff9fbf951a36c43",
+      "version": "github:paritytech/dapp-tokendeploy#2186fed2a6d448536a15afdeef5699bbfc2ce5e3",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-tokenreg": {
-      "version": "github:paritytech/dapp-tokenreg#e3dea7aedb62c9028857ce5e1b8b6c309572fa3a",
+      "version": "github:paritytech/dapp-tokenreg#0a3ed1d0bff0a72ec11f0a1f81abb717c81fd4ad",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
@@ -293,28 +293,28 @@
       }
     },
     "@parity/dapp-vaults": {
-      "version": "github:paritytech/dapp-vaults#97da4a9f2e14bf19fd6d8ab5c91ea6f4d89063ac",
+      "version": "github:paritytech/dapp-vaults#ae2d38297b1da40cfd8e48e7d80b3eba076b7780",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-wallet": {
-      "version": "github:paritytech/dapp-wallet#19cda4a17ca1623cf4fe3aac43e4b45efd40adac",
+      "version": "github:paritytech/dapp-wallet#b26fae6f21e45875d581f8cc5bcc630b1ab254bf",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
-        "@parity/dapp-account": "github:paritytech/dapp-account#5ed762c077f14f5c502f108228cd3c41f9f4889a",
+        "@parity/dapp-account": "github:paritytech/dapp-account#3231268871b9f93b90a19fa78c285f08be926e37",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29"
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a"
       }
     },
     "@parity/dapp-web": {
-      "version": "github:paritytech/dapp-web#70ed9adea275034e2bd57997dcbda5a7528cb37d",
+      "version": "github:paritytech/dapp-web#bacfdeda4721c0b9e96914ab5bb0d17e80a164bd",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/shared": "github:paritytech/js-shared#7f1f6114c22de0fa3c599c151174565b00b08e69",
-        "@parity/ui": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+        "@parity/ui": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
         "base32.js": "0.1.0"
       }
     },
@@ -389,7 +389,7 @@
       }
     },
     "@parity/ui": {
-      "version": "github:paritytech/js-ui#e74a3d9ae63f0f934d4772ade5e25372afc2cf29",
+      "version": "github:paritytech/js-ui#d6c97126f5df77a36a868977572409cec19b754a",
       "requires": {
         "@parity/api": "github:paritytech/js-api#6dc6df6372af5f6f4505e817b0a8545ff91d5792",
         "@parity/etherscan": "github:paritytech/js-etherscan#db22d35606af028e3a0540e9170bac65adee2298",
@@ -7345,15 +7345,15 @@
       "requires": {
         "es6-templates": "0.2.3",
         "fastparse": "1.1.1",
-        "html-minifier": "3.5.4",
+        "html-minifier": "3.5.5",
         "loader-utils": "0.2.16",
         "object-assign": "4.1.1"
       }
     },
     "html-minifier": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.4.tgz",
-      "integrity": "sha512-kzvy0Lvs4anPdqWgeXiLisMqAKyHwgajAQaarzwZJHkTU40/Cbqup873U2WtPem8uPbGddVnPes3wtfzQz3+hg==",
+      "version": "3.5.5",
+      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.5.tgz",
+      "integrity": "sha512-g+1+NBycQI0fGnggd52JM8TRUweG7+9W2wrtjGitMAqc4G7maweAHvVAAjz9veHseIH3tYKE2lk2USGSoewIrQ==",
       "dev": true,
       "requires": {
         "camel-case": "3.0.0",
@@ -7391,7 +7391,7 @@
       "dev": true,
       "requires": {
         "bluebird": "3.5.0",
-        "html-minifier": "3.5.4",
+        "html-minifier": "3.5.5",
         "loader-utils": "0.2.16",
         "lodash": "4.17.4",
         "pretty-error": "2.1.1",
@@ -8430,9 +8430,9 @@
       "integrity": "sha1-XE2d5lKvbNCncBVKYxu6ErAVx4c="
     },
     "js-base64": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.3.1.tgz",
-      "integrity": "sha512-cEao+Mb0czmVPzywx6+Cd0vmTAZrHJl92xqNlrLj8KpDhi7FfQ6jECH7DeQ27MAPQRSJXpPSMhqisO7N4712Ww==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.3.2.tgz",
+      "integrity": "sha512-Y2/+DnfJJXT1/FCwUebUhLWb3QihxiSC42+ctHLGogmW2jPY6LCapMdFZXRvVP2z6qyKW7s6qncE/9gSqZiArw==",
       "dev": true
     },
     "js-sha3": {
@@ -10599,7 +10599,7 @@
       "dev": true,
       "requires": {
         "chalk": "1.1.3",
-        "js-base64": "2.3.1",
+        "js-base64": "2.3.2",
         "source-map": "0.5.7",
         "supports-color": "3.2.3"
       },
diff --git a/js/src/Connection/connection.css b/js/src/Connection/connection.css
index 7c75ef814..43e7da408 100644
--- a/js/src/Connection/connection.css
+++ b/js/src/Connection/connection.css
@@ -15,8 +15,6 @@
 /* along with Parity.  If not; see <http://www.gnu.org/licenses/>.
 */
 
-@import '../ParityBar/_colors.css';
-
 .overlay {
   position: fixed;
   top: 0;
@@ -37,8 +35,6 @@
 }
 
 .body {
-  background: $backgroundColor;
-  background: $backgroundGradient;
   box-shadow: rgba(0, 0, 0, 0.25) 0 14px 45px, rgba(0, 0, 0, 0.22) 0 10px 18px;
   color: rgb(208, 208, 208);
   margin: 0 auto;
diff --git a/js/src/Connection/connection.js b/js/src/Connection/connection.js
index 05aa2dce7..54b25b660 100644
--- a/js/src/Connection/connection.js
+++ b/js/src/Connection/connection.js
@@ -19,6 +19,7 @@ import { FormattedMessage } from 'react-intl';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 
+import GradientBg from '@parity/ui/GradientBg';
 import Input from '@parity/ui/Form/Input';
 import { CompareIcon, ComputerIcon, DashboardIcon, VpnIcon } from '@parity/ui/Icons';
 
@@ -52,7 +53,7 @@ class Connection extends Component {
       <div>
         <div className={ styles.overlay } />
         <div className={ styles.modal }>
-          <div className={ styles.body }>
+          <GradientBg className={ styles.body }>
             <div className={ styles.icons }>
               <div className={ styles.icon }>
                 <ComputerIcon className={ styles.svg } />
@@ -73,7 +74,7 @@ class Connection extends Component {
                 ? this.renderSigner()
                 : this.renderPing()
             }
-          </div>
+          </GradientBg>
         </div>
       </div>
     );
diff --git a/js/src/ParityBar/parityBar.css b/js/src/ParityBar/parityBar.css
index 8d9cb6176..87050072f 100644
--- a/js/src/ParityBar/parityBar.css
+++ b/js/src/ParityBar/parityBar.css
@@ -15,8 +15,6 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-@import './_colors.css';
-
 $overlayZ: 10000;
 $modalZ: 10001;
 
@@ -126,8 +124,6 @@ $modalZ: 10001;
 
 .cornercolor {
   align-items: center;
-  background: $backgroundColor;
-  background: $backgroundGradient;
   display: flex;
   padding: 0.5em 1em;
 }
@@ -195,8 +191,6 @@ $modalZ: 10001;
 .header {
   /* height: 2em; */
   padding: 0.5em 1em;
-  background: $backgroundColor;
-  background: $backgroundGradient;
   margin-bottom: 0;
 
   &::after {
diff --git a/js/src/ParityBar/parityBar.js b/js/src/ParityBar/parityBar.js
index bfac0417b..78bcdb88e 100644
--- a/js/src/ParityBar/parityBar.js
+++ b/js/src/ParityBar/parityBar.js
@@ -29,6 +29,7 @@ import Badge from '@parity/ui/Badge';
 import Button from '@parity/ui/Button';
 import ContainerTitle from '@parity/ui/Container/Title';
 import IdentityIcon from '@parity/ui/IdentityIcon';
+import GradientBg from '@parity/ui/GradientBg';
 import SelectionList from '@parity/ui/SectionList';
 import StatusIndicator from '@parity/ui/StatusIndicator';
 import { CancelIcon, FingerprintIcon } from '@parity/ui/Icons';
@@ -226,7 +227,7 @@ class ParityBar extends Component {
     }
 
     return (
-      <div className={ styles.cornercolor }>
+      <GradientBg className={ styles.cornercolor }>
         <StatusIndicator
           id='paritybar.health'
           tooltipPlacement='right'
@@ -271,7 +272,7 @@ class ParityBar extends Component {
           onClick={ this.toggleSignerDisplay }
         />
         { this.renderDrag() }
-      </div>
+      </GradientBg>
     );
   }
 
@@ -322,7 +323,7 @@ class ParityBar extends Component {
 
     return (
       <div className={ styles.container }>
-        <div className={ styles.header }>
+        <GradientBg className={ styles.header }>
           <div className={ styles.title }>
             <ContainerTitle
               title={
@@ -354,7 +355,7 @@ class ParityBar extends Component {
               onClick={ this.toggleSignerDisplay }
             />
           </div>
-        </div>
+        </GradientBg>
         <div className={ styles.content }>
           {
             displayType === DISPLAY_ACCOUNTS
diff --git a/js/src/Status/status.css b/js/src/Status/status.css
index d4f1815fb..9b12153a0 100644
--- a/js/src/Status/status.css
+++ b/js/src/Status/status.css
@@ -15,14 +15,10 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-@import '../ParityBar/_colors.css';
-
 $textColor: #ccc;
 
 .status {
   align-items: center;
-  background: $backgroundColor;
-  background: $backgroundGradient;
   bottom: 0;
   color: $textColor;
   display: flex;
diff --git a/js/src/Status/status.js b/js/src/Status/status.js
index eedee7ba0..4629c28d3 100644
--- a/js/src/Status/status.js
+++ b/js/src/Status/status.js
@@ -21,6 +21,7 @@ import { FormattedMessage } from 'react-intl';
 
 import BlockNumber from '@parity/ui/BlockNumber';
 import ClientVersion from '@parity/ui/ClientVersion';
+import GradientBg from '@parity/ui/GradientBg';
 import NetChain from '@parity/ui/NetChain';
 import NetPeers from '@parity/ui/NetPeers';
 import StatusIndicator from '@parity/ui/StatusIndicator';
@@ -35,7 +36,7 @@ const pluginStore = PluginStore.get();
 
 function Status ({ className = '', upgradeStore }, { api }) {
   return (
-    <div className={ [styles.status, className].join(' ') }>
+    <GradientBg className={ [styles.status, className].join(' ') }>
       <ClientVersion className={ styles.version } />
       <div className={ styles.upgrade }>
         <Consensus upgradeStore={ upgradeStore } />
@@ -68,7 +69,7 @@ function Status ({ className = '', upgradeStore }, { api }) {
         />
         <NetChain />
       </div>
-    </div>
+    </GradientBg>
   );
 }
 
diff --git a/js/src/SyncWarning/syncWarning.css b/js/src/SyncWarning/syncWarning.css
index 324f7d3fa..2f5b178af 100644
--- a/js/src/SyncWarning/syncWarning.css
+++ b/js/src/SyncWarning/syncWarning.css
@@ -37,7 +37,6 @@
 }
 
 .body {
-  background: rgba(25, 25, 25, 0.75);
   box-shadow: rgba(0, 0, 0, 0.25) 0 14px 45px, rgba(0, 0, 0, 0.22) 0 10px 18px;
   color: rgb(208, 208, 208);
   display: flex;
diff --git a/js/src/SyncWarning/syncWarning.js b/js/src/SyncWarning/syncWarning.js
index 9c7c0ed0a..7a6da05d5 100644
--- a/js/src/SyncWarning/syncWarning.js
+++ b/js/src/SyncWarning/syncWarning.js
@@ -22,6 +22,7 @@ import store from 'store';
 
 import Button from '@parity/ui/Button';
 import Checkbox from '@parity/ui/Form/Checkbox';
+import GradientBg from '@parity/ui/GradientBg';
 import StatusIndicator from '@parity/ui/StatusIndicator';
 
 import styles from './syncWarning.css';
@@ -61,7 +62,7 @@ class SyncWarning extends Component {
       <div>
         <div className={ styles.overlay } />
         <div className={ styles.modal }>
-          <div className={ styles.body }>
+          <GradientBg className={ styles.body }>
             <div className={ styles.status }>
               <StatusIndicator
                 type='signal'
@@ -97,7 +98,7 @@ class SyncWarning extends Component {
                 onClick={ this.handleAgreeClick }
               />
             </div>
-          </div>
+          </GradientBg>
         </div>
       </div>
     );