React: React DevTools tutorial instructions are hard to read

[brotzky]

What is the current behavior?
https://react-devtools-tutorial.now.sh/

The text on the left is difficult to read because of thin font styling

What is the expected behavior?
Increase the contrast on the top row buttons and increase the font-weight for the text

font-weight: 300 or 400 makes it easier to read
(300 pictured)

Running Catalina latest, macOS.

[bvaughn]

I liked the lighter font weight 😄 but I don't feel strongly enough to argue about it. I've removed the "lighter" weight attribute and re-deployed the tutorial site.

[brotzky]

I only brought it up because I genuinely had a hard time reading it. I don't want to fuss about any visual styles but in this case it was so light I thought maybe it was a bug.
Or maybe I'm just getting old... 😂😂

Anyway, really appreciate the tutorial and all your work on React DevTools and the bump in font-weight!

[bvaughn]

No worries! I'm glad you brought it up :) If you had trouble reading it I'm sure others did as well.

[gaearon]

Luckily it didn’t look as light on my screen as on that screenshot — the screenshot looks barely readable to me too. I’m glad this is fixed, thank you!

[bvaughn]

Yeah, didn't look nearly so light on my screen either. I assume it was using a different font.