Comments (6)
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.
But the buttons and icons is even more below threshold:
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):
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.
If you look at the contrast in Dev Tools you will see.
Dark theme:
Your site is just slightly above threshold of 4.5
If I just slightly shifted color down it will show warning:
from whatpwacando.today.
Can you please be more specific?
from whatpwacando.today.
Thanks for the clarification! I will fix it asap.
from whatpwacando.today.
I have the same problem on Android 14. My device is on Dark Mode.
from whatpwacando.today.
Related Issues (20)
- Screen Wake Lock works in Safari on iOS but not when PWA is "added to home screen" HOT 1
- Wrong link in speech recognition HOT 1
- When will the source code be releaded? HOT 4
- Code to check if app is installed HOT 2
- Can you provide code for orientation HOT 1
- Geolocation iOS HOT 7
- [iOS bug] iOS PWA does not support light/dark mode switching HOT 3
- Can't receive notifications with a delay of more than 5s HOT 1
- Show availability of all PWA capabilities visually on homepage for current browser HOT 1
- Pressing the `install to home screen` button then `close` renders scrolling useless HOT 3
- AR demo doesnโt work in safari HOT 1
- "Install to home screen" detect wrong OS. HOT 1
- Open source? HOT 1
- iOS 17.3 Safari says JavaScript disabled HOT 1
- iOS notifications don't work HOT 1
- "Install to home screen" broken in Firefox
- BLE scanning not working HOT 2
- Feature suggestion: add window controls overlay HOT 2
- Empty home page (and bad rendering of menu) on iOS HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from whatpwacando.today.