Skip to content

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

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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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