React: [website] Increase contrast for 'result' headers on homepage

[flarnie]

Do you want to request a feature or report a bug?
This is an accessibility issue on the home page of the new docsite.

What is the current behavior?

The word 'result' in the interactive code samples doesn't have enough contrast with it's background:

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://jsfiddle.net or similar (template: https://jsfiddle.net/ebsrpraL/).

Running an axe accessibility audit will flag this issue.

What is the expected behavior?
There should be no low-contrast issue. But it should also look cool. 😎

[cyan33]

I'm looking into this issue right now. Thanks so much for your instruction! @flarnie

[cyan33]

I'm sorry, could you please tell me how can I set up my local environment? First time contributing React.

[flarnie]

Hi @thomasyimgit! Glad to have your help.

First you will need to fork the React repo, and then clone your fork. After you npm install && npm run build in the main directory, you should be able to follow the directions in the www/README.md.

For more context and instruction the contributor's guide may be helpful.

[cyan33]

Hi @flarnie, this issue has been solved and the pr has been merged. Thank you and I should let you know that this means a lot to me as my first time contributing. I'll start to do more in the future. Thank you.

[flarnie]

Glad to have your help @thomasyimgit! We look forward to your next PR. :)