Giter Club home page Giter Club logo

Comments (6)

XCanG avatar XCanG commented on June 20, 2024 4

Isn't it obvious? The contrast ratio is low, reading white on gray as well as black on gray is hurt. The background need to be darker.

Even in Github if you choose Dark Dimmed theme it would have twice as more contrast comparing to colors on your site, and regular dark is even more distinguished.

from whatpwacando.today.

XCanG avatar XCanG commented on June 20, 2024 2

But the buttons and icons is even more below threshold:
image
image

Some even unreadable, but because of the styles I can't focus on them (disabled button may be an exception, but input label is not disabled):
image

In any way, it was feels kinda strange, because the site has nice examples, but color choice was so bad. I had to squint my eyes to read that texts.

from whatpwacando.today.

XCanG avatar XCanG commented on June 20, 2024 1

If you look at the contrast in Dev Tools you will see.
Dark theme:
image

Dim theme:
image

Your site is just slightly above threshold of 4.5
image
If I just slightly shifted color down it will show warning:
image

from whatpwacando.today.

DannyMoerkerke avatar DannyMoerkerke commented on June 20, 2024

Can you please be more specific?

from whatpwacando.today.

DannyMoerkerke avatar DannyMoerkerke commented on June 20, 2024

Thanks for the clarification! I will fix it asap.

from whatpwacando.today.

mertdy avatar mertdy commented on June 20, 2024

Screenshot_2024-03-29-21-55-53-359_com.android.chrome-edit.jpg

I have the same problem on Android 14. My device is on Dark Mode.

from whatpwacando.today.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.