explorer icon indicating copy to clipboard operation
explorer copied to clipboard
verified publisher icon ripple

Increase contrast between validators and UNL pills on the ledger card

Open bugsbunnies opened this issue 3 years ago • 5 comments

Increase contrast between validators and UNL pills (for better accessibility), also highlight UNL instead of other validators.

Proposed design: UNL pills - Primary white Other validator pills - Gray500 Screen Shot 2022-08-10 at 9 33 08 AM

Existing: Screen Shot 2022-08-10 at 9 32 50 AM

bugsbunnies avatar Aug 09 '22 21:08 bugsbunnies

@bugsbunnies What should the colors be when one is selcted?

ckniffen avatar Aug 23 '22 17:08 ckniffen

Primary green when selected @ckniffen thank you!

bugsbunnies avatar Aug 23 '22 17:08 bugsbunnies

@bugsbunnies This is what I was referring to. The non selected validators have a different color when one is selected. The color is calculated by giving it { opacity: .4 }.

Here is an example of this

Screen Shot 2022-09-06 at 5 54 37 PM

ckniffen avatar Sep 06 '22 22:09 ckniffen

Thanks @ckniffen, can we still apply the { opacity: .4 } to the new colors?

bugsbunnies avatar Sep 07 '22 23:09 bugsbunnies

Yeah. Just wanted to confirm.

ckniffen avatar Sep 08 '22 00:09 ckniffen

Completed by #535

ckniffen avatar Feb 21 '23 23:02 ckniffen