0 C
New York
Thursday, February 6, 2025

html – The right way to take care of darkish mode on the eBay iOS app?


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:

  1. Added inside ...
    • eBay strips the tag however retains the tag
  2. Added :root, * { color-scheme: solely gentle !necessary; } inside my .css file
  3. Modified my CSS guidelines to !necessary
  4. Set html, physique { background-color: #ffffff !necessary; }
  5. Set html, physique { background-color: #000000 !necessary; background-image: linear-gradient(#ffffff, #ffffff) !necessary; }
  6. I observed that eBay wraps my whole description in a
    so I attempted resetting all properties with .x-item-description-child { all: preliminary }

  7. Modified the hyperlink to my .css file to make use of ?v=12345, to drive a cache-bust
  8. These adjustments repair Safari however have zero impact on the eBay app.

    1. 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 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?
    2. How can I drive the eBay app to respect the colors I've chosen?
      • eBay prevents using JavaScript
    3. 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
    4. Does this behaviour additionally have an effect on their Android app?

    Amongst many others:

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest Articles