diff options
| author | Dan J Miller <danjm.com@gmail.com> | 2018-03-08 02:52:10 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-08 02:52:10 +0800 |
| commit | ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d (patch) | |
| tree | be840b8240d12fd9112af4c5f962d27c57144cc3 /ui | |
| parent | a74439a1a718ea098782bf3a06d46069daf40861 (diff) | |
| download | tangerine-wallet-browser-ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d.tar tangerine-wallet-browser-ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d.tar.gz tangerine-wallet-browser-ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d.tar.bz2 tangerine-wallet-browser-ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d.tar.lz tangerine-wallet-browser-ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d.tar.xz tangerine-wallet-browser-ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d.tar.zst tangerine-wallet-browser-ca047b1ea0bd6778fc3b0c05b86ff23d0964f98d.zip | |
Update network colours for better accessibility. (#3469)
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/app/components/dropdowns/network-dropdown.js | 8 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 4 |
2 files changed, 8 insertions, 4 deletions
diff --git a/ui/app/components/dropdowns/network-dropdown.js b/ui/app/components/dropdowns/network-dropdown.js index 9be5cc5d1..ff10c0758 100644 --- a/ui/app/components/dropdowns/network-dropdown.js +++ b/ui/app/components/dropdowns/network-dropdown.js @@ -114,7 +114,7 @@ NetworkDropdown.prototype.render = function () { [ providerType === 'mainnet' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), h(NetworkDropdownIcon, { - backgroundColor: '#038789', // $blue-lagoon + backgroundColor: '#29B6AF', // $java isSelected: providerType === 'mainnet', }), h('span.network-name-item', { @@ -136,7 +136,7 @@ NetworkDropdown.prototype.render = function () { [ providerType === 'ropsten' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), h(NetworkDropdownIcon, { - backgroundColor: '#e91550', // $crimson + backgroundColor: '#ff4a8d', // $wild-strawberry isSelected: providerType === 'ropsten', }), h('span.network-name-item', { @@ -158,7 +158,7 @@ NetworkDropdown.prototype.render = function () { [ providerType === 'kovan' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), h(NetworkDropdownIcon, { - backgroundColor: '#690496', // $purple + backgroundColor: '#7057ff', // $cornflower-blue isSelected: providerType === 'kovan', }), h('span.network-name-item', { @@ -180,7 +180,7 @@ NetworkDropdown.prototype.render = function () { [ providerType === 'rinkeby' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), h(NetworkDropdownIcon, { - backgroundColor: '#ebb33f', // $tulip-tree + backgroundColor: '#f6c343', // $saffron isSelected: providerType === 'rinkeby', }), h('span.network-name-item', { diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index 4c0972527..d96c1ae43 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -46,6 +46,10 @@ $manatee: #93949d; $spindle: #c7ddec; $mid-gray: #5b5d67; $cape-cod: #38393a; +$java: #29b6af; +$wild-strawberry: #ff4a8d; +$cornflower-blue: #7057ff; +$saffron: #f6c343; /* Z-Indicies |