The eBay app for iOS is destroying my merchandise itemizing web page’s stylesheet when the system is in darkish mode, turning it right into a disgusting pink mess!
To be clear: when itemizing an merchandise, it accepts HTML & CSS within the description
Right here is how my eBay itemizing shows on the app throughout daytime:
Right here is the way it appears if darkish mode is enabled within the iPhone’s Settings app (or if utilizing a schedule to modify it on at night time time):
(click on to enlarge pictures)
It has modified the colors of:
- Backgrounds
- Fonts
- Emojis
- Photos!!!
Issues I’ve tried:
- Added
inside
...
- eBay strips the
tag however retains the
tag
- eBay strips the
- Added
:root, * { color-scheme: solely gentle !necessary; }
inside my.css
file - Modified my CSS guidelines to
!necessary
- Set
html, physique { background-color: #ffffff !necessary; }
- Set
html, physique { background-color: #000000 !necessary; background-image: linear-gradient(#ffffff, #ffffff) !necessary; }
- I observed that eBay wraps my whole description in a so I attempted resetting all properties with
.x-item-description-child { all: preliminary }
- Modified the hyperlink to my
.css
file to make use of?v=12345
, to drive a cache-bustThese adjustments repair Safari however have zero impact on the eBay app.
- Which browser is the eBay app utilizing underneath the hood?
- How can we verify?
- I heard that each one net browser controls in iOS apps actually simply use Safari?
- Are they utilizing the wkwebview management?
- Can eBay use this management be used to inject pressured types? It appears to be attainable
- If that's the case, how can these be overridden by the web page being displayed by the management - I.E. me?
- How can I drive the eBay app to respect the colors I've chosen?
- eBay prevents using JavaScript
- Alternatively, how can I set my very own darkish theme within the CSS?
- The same old methodology of
@media (prefers-color-scheme: darkish) { .someElement { background: black } }
seems to don't have any impact
- The same old methodology of
- Does this behaviour additionally have an effect on their Android app?
Amongst many others:
- Modified the hyperlink to my