How to specify background/fill color for transparent images in readme.md?

[lucasreddinger]

Select Topic Area

Question

Body

I want to display a image with a transparent background in a README.md. The image contains black text. Thus in dark mode it is unreadable. How can I fill white behind the image? Adding background-color style attributes does nothing.

Please see my MWE here.

I'm well aware of this feature, which doesn't help when you don't have a dark-mode version of an image.

Thanks!

[ossanna16]

Hi there @lucasreddinger and welcome to our community! Thank you for asking a great question 🙂
While you are waiting for a reply to your question, here are a few things you can do:

To get started, introduce yourself in our official introduction thread
To connect with other new users, check out this Discussion to Meet Your GitHub Community Team, further your GitHub knowledge by working through our GitHub Skill 🆙 exercises, and participate in our weekly Fun Friday chats

[lucasreddinger]

For the time being, the best solution is to avoid displaying images with transparency in a readme.md. It's simply not ready for prime-time.

[github-actions[bot]]

🕒 Stale Discussion Alert 🕒

This Discussion has been labeled as stale by an automated system for having no activity in the last 60 days. Please consider one the following actions:

1️⃣ Close as Out of Date: If the topic is no longer relevant, close the Discussion as out of date at the bottom of the page.

2️⃣ Provide More Information: Share additional details or context — or let the community know if you've found a solution on your own.

3️⃣ Mark a Reply as Answer: If your question has been answered by a reply, mark the most helpful reply as the solution.

Note: This stale notification will only apply to Discussions with the Question label. To learn more, see our recent stalebot announcement.

Thank you for helping bring this Discussion to a resolution! 💬