Skip to content

Comments

chore: Use white Sentry logo in all README when GH dark mode #4575

Closed
timfish wants to merge 1 commit intogetsentry:masterfrom
timfish:test/readme-images
Closed

chore: Use white Sentry logo in all README when GH dark mode #4575
timfish wants to merge 1 commit intogetsentry:masterfrom
timfish:test/readme-images

Conversation

@timfish
Copy link
Collaborator

@timfish timfish commented Feb 15, 2022

image

Docs here and community help here.

You can see the result here.

Copy link
Contributor

@AbhiPrasad AbhiPrasad left a comment

Choose a reason for hiding this comment

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

This is great! @chadwhitacre shall we roll this out to all the repos?

@AbhiPrasad AbhiPrasad changed the title Use white Sentry logo in all README when GH dark mode chore: Use white Sentry logo in all README when GH dark mode Feb 15, 2022
@timfish
Copy link
Collaborator Author

timfish commented Feb 15, 2022

What will happen on npm? 🤔

@AbhiPrasad
Copy link
Contributor

Oh good point. Will two logos show up? Lol.

I wonder if we have a test package we can test with.

@timfish
Copy link
Collaborator Author

timfish commented Feb 15, 2022

Unfortunately, I think this will result in multiple logos 😭.

It looks like nextjs solve this issue with a black and white logo that just works for either any background:

nextjs

@AbhiPrasad
Copy link
Contributor

Let me ask the design folks, maybe they have some ideas.

@vladanpaunovic
Copy link
Contributor

Npm will pick it up properly - here is an example of a tailwindcss npm and on github

@timfish
Copy link
Collaborator Author

timfish commented Feb 15, 2022

Npm will pick it up properly

Oh nice. Might still be an issue for other package managers 🤷‍♂️

@AbhiPrasad
Copy link
Contributor

Npm will pick it up properly - here is an example of a tailwindcss npm and on github

I still see two logos (tested on firefox and safari):

image

Notice the #gh-dark-mode-only at the bottom.

@timfish
Copy link
Collaborator Author

timfish commented Feb 15, 2022

oh yes. Because the text is invisible it gives the impression otherwise!

<p align="center">
<a href="https://sentry.io" target="_blank" align="center">
<a href="https://sentry.io#gh-light-mode-only" target="_blank" align="center">
<img src="https://sentry-brand.storage.googleapis.com/sentry-logo-black.png" width="280">
Copy link
Member

Choose a reason for hiding this comment

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

Copy link
Member

@bruno-garcia bruno-garcia left a comment

Choose a reason for hiding this comment

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

Looks good!

@bruno-garcia
Copy link
Member

bruno-garcia commented Feb 15, 2022

I still see two logos (tested on firefox and safari):

Oh

@timfish
Copy link
Collaborator Author

timfish commented Feb 15, 2022

You can actually include CSS in an SVG that switches fill on dark mode but it will follow the browser mode rather than the Github/npm theme which obviously won't match at times 😞

@timfish timfish closed this Feb 15, 2022
@timfish timfish deleted the test/readme-images branch May 4, 2022 23:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants