Updated colors to make text more visible

[gautamkrishnar]

Updated colors according to https://github.com/codeforcauseorg/codeforcause.org/blob/development/design/home_view/home_web.pdf to make text more visible, fixes: #96

Before:

After

[Abhishek-kumar09]

How did it looked like this, because in my browser text is written in black.

[Abhishek-kumar09]

please give some details so that we can be warned over such issues.

[gautamkrishnar]

@Abhishek-kumar09 I am using chrome Version 85.0.4183.102 (Official Build) (64-bit) on Mac OS 10.15.6 (19G2021). I suspected it as a CSS issue. Just tested on a windows machine via BrowserStack, looks like it is looking fine on it. Looks weird, let me try to dig deeper into it.

[gautamkrishnar]

@Abhishek-kumar09 LOL, 😆 I found the issue, by default the font color is white in dark mode (https://material-ui.com/customization/palette/), with the
current implementation:

After setting a static color (PR Preview):

You need to enable the mac dark mode to reproduce this.

Please note in the https://github.com/codeforcauseorg/codeforcause.org/blob/development/design/home_view/home_web.pdf the text color is not black.

You guys should also set the color as black at the body level to prevent this issue.

[Abhishek-kumar09]

Nice observation!
The color also looks nice, Initially I applied this view and had set color to the same you did.
Rest to @GangaChatrvedi

[GangaChatrvedi]

@gautamkrishnar change text colors to black and keep headings as same color you have already done.

[gautamkrishnar]

@GangaChatrvedi made the change you requested.