Improve readabiliy of main text

[Timo-Breumelhof]

Changed body color to #000000
#98

Related to Issue

Fixes #98

Description

I changed

$font-color: #4a4a4a !default;
to
$font-color: #000000 !default;

How Has This Been Tested?

On my local machine and by editing the CSS in the browser for the live site

Screenshots (if appropriate):

See issue

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.

[parasdaryanani]

I would recommend using #1A1A1A instead of #000, keeping in mind UX and accessibility requirements.

Here are some references:

• https://ianstormtaylor.com/design-tip-never-use-black/

• https://uxdesign.cc/designers-should-avoid-pure-black-typography-but-which-dark-gray-should-we-use-2d7faa07083a

• https://graphicdesign.stackexchange.com/questions/50800/what-is-the-purpose-of-using-a-very-dark-color-for-text-instead-of-a-pure-black

[Timo-Breumelhof]

@parasdaryanani I general I agree with that, but in this case a font weight of 200 is used, hence the #000000 (it will look less black because of the font weight)

[david-poindexter]

From an accessibility perspective, with black/white it is about contrast and anything above 55% black is acceptable. That said, I think a shade like #1a1a1a would look better and still be in an acceptable contrast range. #000 is fine too, but @Timo-Breumelhof may have discovered a bigger problem with the 200 default weight. Perhaps we increase the font weight (needs testing) and see how #1a1a1a looks?

@Timo-Breumelhof if you don't have time, I can probably knock this out later today or tomorrow.

To prepare for the next release and subsequent publishing to the community site, I am going to take care of a few more PRs too.

Thanks!

[david-poindexter]

Thanks for the PR @Timo-Breumelhof 🎉