Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed image background #29698

Merged
merged 3 commits into from
Oct 19, 2023
Merged

fixed image background #29698

merged 3 commits into from
Oct 19, 2023

Conversation

Sentious
Copy link
Contributor

Fixed background color for images which was unreadable in dark theme.

Description

The images in the following url were not readable in dark theme:
https://developer.mozilla.org/en-US/docs/Web/HTTP/Content_negotiation#principles_of_content_negotiation
I have added white background to all the images and is readable now.

Motivation

I came across this issue in the issues tab for the repository #29644
therefore I solved the issue

Additional details

Initial image:
image

Fixed Image:
image

Related issues and pull requests

Fixes #29644

fixed background color for images which was unreadable in dark theme.
@Sentious Sentious requested a review from a team as a code owner October 18, 2023 07:31
@Sentious Sentious requested review from teoli2003 and removed request for a team October 18, 2023 07:31
@github-actions github-actions bot added the Content:HTTP HTTP docs label Oct 18, 2023
@bsmth bsmth self-requested a review October 19, 2023 09:49
@bsmth
Copy link
Member

bsmth commented Oct 19, 2023

Taking a look 👀

Copy link
Member

@bsmth bsmth left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks a lot for this one. I think this is reasonable for these images (also with the compression / space saving).

We should follow-up and check for others as I'm sure we have transparent pngs elsewhere in the content that will need this treatment (and ideally be converted to SVG).

Thanks for your fix! 🙌🏻

@bsmth bsmth merged commit 5d7dd9c into mdn:main Oct 19, 2023
5 checks passed
@Sentious
Copy link
Contributor Author

Actually I didn't wanted to change the format so I just added white background to the png images. If I find other images with similar issue can I fix them similar to these? and make a PR?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:HTTP HTTP docs
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Transparent images unreadable in dark theme.
2 participants