rdev/liquid-glass-react
1
0
Fork 0
Code Issues 17 Pull requests 2 Projects Releases Packages Wiki Activity Actions

Over Light should invert foreground color from white to black. #14

New issue
Open
opened 2025-06-17 13:35:59 -04:00 by ShaggyDude · 2 comments
ShaggyDude commented 2025-06-17 13:35:59 -04:00 (Migrated from github.com)
Copy link

This is looking really great.
Much of the accessibility gripes from the community comes from the white on white.
Apple's implementation looks at the bg color and adapts so it's always readable.

This is looking really great. Much of the accessibility gripes from the community comes from the white on white. Apple's implementation looks at the bg color and adapts so it's always readable.
🚀 1
rdev commented 2025-06-23 19:48:24 -04:00 (Migrated from github.com)
Copy link

It's not possible to do what Apple does on the web platform, but there is an overLight prop to manually tell the component when it's on top of a light section. I've used it with intersection observers to great effect

It's not possible to do what Apple does on the web platform, but there is an `overLight` prop to manually tell the component when it's on top of a light section. I've used it with intersection observers to great effect
ShaggyDude commented 2025-06-24 11:52:01 -04:00 (Migrated from github.com)
Copy link

If you can detect that it's over light why can't you add the class text-black when overlight === true?
I made a fork and tried but couldn't get it to work though.

If you can detect that it's over light why can't you add the class text-black when overlight === true? I made a fork and tried but couldn't get it to work though.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
rdev/liquid-glass-react#14
No description provided.