Hello Appstle Team,
I’m using your subscription widget on my Shopify store and I’ve run into a visibility issue.
Currently, when an option (Subscribe & Save or One-Time Purchase) is unselected, the widget applies an opacity fade. This makes the text, prices, and compare-at strikethrough almost invisible, especially in light mode, which confuses customers.
I’d like the widget updated so that unselected options remain fully visible, without opacity fading. Instead, the difference between selected vs unselected can be shown through color styling:
Selected Option:
– Background: #F0FFF5 (soft green tint)
– Border: 2px solid #1DB954 (brand green highlight)
– Text & Prices: Bold, clear, and dark (#111)
Unselected Option:
– Background: #FFFFFF (white card background)
– Text: Medium gray (#444)
– Price: Always visible (#111)
– Compare-at Price: Visible gray strikethrough (#666)
– No opacity fade (keep opacity: 1)
This way, both options stay readable at all times, and the selected option still stands out with the green highlight.
If possible, please also make the widget adapt to dark backgrounds, e.g: white text on dark gray cards. If that’s not supported, the light-card look is fine as long as everything is visible.
Thank you,
Zenqara Global