Update network colours for better accessibility. (#3469)

This commit is contained in:
Dan J Miller 2018-03-07 15:22:10 -03:30 committed by GitHub
parent a74439a1a7
commit ca047b1ea0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions

View File

@ -114,7 +114,7 @@ NetworkDropdown.prototype.render = function () {
[ [
providerType === 'mainnet' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), providerType === 'mainnet' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'),
h(NetworkDropdownIcon, { h(NetworkDropdownIcon, {
backgroundColor: '#038789', // $blue-lagoon backgroundColor: '#29B6AF', // $java
isSelected: providerType === 'mainnet', isSelected: providerType === 'mainnet',
}), }),
h('span.network-name-item', { h('span.network-name-item', {
@ -136,7 +136,7 @@ NetworkDropdown.prototype.render = function () {
[ [
providerType === 'ropsten' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), providerType === 'ropsten' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'),
h(NetworkDropdownIcon, { h(NetworkDropdownIcon, {
backgroundColor: '#e91550', // $crimson backgroundColor: '#ff4a8d', // $wild-strawberry
isSelected: providerType === 'ropsten', isSelected: providerType === 'ropsten',
}), }),
h('span.network-name-item', { h('span.network-name-item', {
@ -158,7 +158,7 @@ NetworkDropdown.prototype.render = function () {
[ [
providerType === 'kovan' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), providerType === 'kovan' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'),
h(NetworkDropdownIcon, { h(NetworkDropdownIcon, {
backgroundColor: '#690496', // $purple backgroundColor: '#7057ff', // $cornflower-blue
isSelected: providerType === 'kovan', isSelected: providerType === 'kovan',
}), }),
h('span.network-name-item', { h('span.network-name-item', {
@ -180,7 +180,7 @@ NetworkDropdown.prototype.render = function () {
[ [
providerType === 'rinkeby' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'), providerType === 'rinkeby' ? h('i.fa.fa-check') : h('.network-check__transparent', '✓'),
h(NetworkDropdownIcon, { h(NetworkDropdownIcon, {
backgroundColor: '#ebb33f', // $tulip-tree backgroundColor: '#f6c343', // $saffron
isSelected: providerType === 'rinkeby', isSelected: providerType === 'rinkeby',
}), }),
h('span.network-name-item', { h('span.network-name-item', {

View File

@ -46,6 +46,10 @@ $manatee: #93949d;
$spindle: #c7ddec; $spindle: #c7ddec;
$mid-gray: #5b5d67; $mid-gray: #5b5d67;
$cape-cod: #38393a; $cape-cod: #38393a;
$java: #29b6af;
$wild-strawberry: #ff4a8d;
$cornflower-blue: #7057ff;
$saffron: #f6c343;
/* /*
Z-Indicies Z-Indicies