Blend difference
One button that stays readable on a light and a dark background. Drag the line in the middle across the button.
mix-blend-mode: difference
- No theme logicThe button is white with black text and blends by difference, so it inverts over whatever is behind it.
- Group
- Buttons 12 of 14
- Theme
- Light and dark
- Live pointer
- 5 steps, until you take over