Update network colours for better accessibility. (#3469)
This commit is contained in:
parent
a74439a1a7
commit
ca047b1ea0
|
@ -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', {
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue