Bug: Colors Contrast Issues

[Iker1211]

Checks

• I have thoroughly read and understand The Odin Project Contributing Guide
• The title of this issue follows the Bug: brief description of bug format, e.g. Bug: Lesson complete button does not update on click
• Would you like to work on this issue?

Bug description

When open the CSS overview in Chrome Toolkit, in Colors, shows some contrast issues in the background-color, font-color.

How to reproduce

1. Sign In
2. F12 to open DevToolKit
3. Click on the Customize and control DevTools icon, side of the settings icon
4. Hover on more tools
5. Click on CSS overview
6. Click on capture overview
7. Click in Colors in the left panel of the window

Expected behavior

The contrast between background-color and font-color in some of the elements pointed out in the CSS overview is not enough, especially when the font is small enough. The bug can also be seen in the Dark Mode and in the lessons route.

What browsers are you seeing the problem on?

Chrome

What OS are you using?

Windows

Discord Name

No response

Additional Comments

Odin Project is pro

[KevinMulhern]

Thanks for reporting @Iker1211, I've assigned it to you!

AA is the conformance level we're aiming for so we don't have too much to fix here. I think making the text a bit darker on any AA failures should satisfy this?

[KevinMulhern]

Hey @Iker1211, how are you getting on with this?