1513403 - UX: polish ideas (mainly around text contrast)

Status: NEW

(DevTools :: about:debugging, enhancement, P3)

Description

[Victoria Wang [:victoria]]

Hey all! Was great hearing the update on the plans for this last week.

Just wanted to share a couple things that came to mind from looking at the current work and Matt's new mockups.

- All gray secondary text should be Gray 50 for sufficient contrast (I think this is already in the mockups, but just wanted to voice extra support for this)

- The Blue 50 might be a little too light for small text, e.g. device info in sidebar - we may want to try Blue 55 or 60. (Larger font, or the idea of bringing the sidebar into the front-and-center could be good as well)

- 'Load Temporary Add-on' and 'Enable connection prompt' buttons may look better if on the same line. E.g. Both left-aligned with ~20px spacing in between? 

- Would be nice to use the new card design for the tabs/extensions in the device page as well

It's great to see the card design applied to the Connect page, as well as the better headings in the device page.

Comment 1

[mcroud]

Thanks for these Victoria, will definitely keep these pointers in mind when I'm on it next week!