Skip to content

[Bug]: Poor contrast in UI when using dark mode #164

@Simperfy

Description

@Simperfy

Describe the bug
While browsing through the documentation I've noticed that some elements are either hard to read or unreadable at all when using dark mode due to lack of contrast.

To Reproduce
Steps to reproduce the behavior:

Go to the urls to see the corresponding element that lacks contrast.

I've used a contrast checker to test the contrast:

URL Light Mode ✅ Dark Mode ❌ Contrast Result (dark mode)
https://docs.devprotocol.xyz/en/ image image image
https://docs.devprotocol.xyz/en/ image image image
https://docs.devprotocol.xyz/en/introduction/ image image image
https://docs.devprotocol.xyz/en/introduction/devtoken/ image image image
https://docs.devprotocol.xyz/en/introduction/creatortoken/ image image image
https://docs.devprotocol.xyz/en/whitepaper/ image image image
https://docs.devprotocol.xyz/en/stakes-social/ image image image
https://docs.devprotocol.xyz/en/developers/modules/dev/ image image image
https://docs.devprotocol.xyz/en/learning/learning/display-properties-perform-staking/ image image image

Expected behavior
The UI should be easy to read and pass the contrast checker when using dark mode.

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