Skip to content

Insufficient contrast in docs #487

@luaxlab

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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions