Skip to content

Insufficient contrast in docs #487

Description

@luaxlab

This might be a little different issue for once.

I who suffer from bad eyesight found the color scheme on the navigation bar in the docs very hard to read.
Obviously, this depends on a lot of factors, like screen colors, room lighting, viewing angle, eyesight... but it would probably be a very easy change.

The inactive font has the color #668d9b, the background is #060F18 resulting in a contrast of 5.37.
This meets the minimum of 4.5 per WCAG, but not the enhanced value of 7.0.

I would kindly suggest changing the font color to more light one, e.g. #A9BFC7 for a contrast of 10.0

Current colors: https://coolors.co/contrast-checker/668d9b-060f18
New colors: https://coolors.co/contrast-checker/a9bfc7-060f18

I also noticed the highlighter for the active element has bad contrast too (color #061b35), but I would consider changing it optional as its a relatively large element.

PS: This is about the dark mode variant.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions