Fix low contrast on controls on Shopify
This page shows how to fix low contrast on controls on Shopify. Faint borders and pale icons fail even when the text beside them is dark.
Steps in Shopify
Darken Shopify input borders and header icon strokes in the theme CSS.
Check
- Measure the border and the icon, not only the text.
- Aim for 3:1.
- Darken strokes.