[BUG] Accessibility issues

[elichad]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

Reported by @mzhc13 :

• Contrast colour problems with the Yellow and Blue version of the skills wheel: DIRECT Framework
• Not enough colour contrast for the green links on the learning resources page - given the small font size: DIRECT Framework
• Not enough colour contrast for the “Level 0,1,2,3” titles DIRECT Framework
• Not enough colour contrast for the skills green links, check here: WAVE Report of DIRECT Framework
• Not enough colour contrast for the dates and contributors, check here: WAVE Report of DIRECT Framework

Expected Behavior

WAVE report passes

Steps To Reproduce

No response

Environment

- OS:
- Browser:
- Python version:
- Software versions:

Anything else?

No response

[elichad]

Tried to edit the CSS with no luck - don't know how the system works.

But our suggestions are:
--ar-body-color should be updated to --ar-gray-800
--ar-secondary-color and ar-breadcrumb-color should be updated to ar-gray-700
The "Hello, " at the top of the page should use text-muted class instead of an opacity class