Skip to content

Dark logo and dark-mode-ready content #68

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

Open
webknjaz opened this issue Jan 11, 2023 · 1 comment
Open

Dark logo and dark-mode-ready content #68

webknjaz opened this issue Jan 11, 2023 · 1 comment

Comments

@webknjaz
Copy link

Hey @evildmp, the current dark mode logo is white and has high contrast with the rest of the website and https://pradyunsg.me/furo/customisation/logo/#different-logos-for-light-and-dark-mode is a thing.
Also, it should ideally be SVG in which case, maybe, it won't be necessary to have two logo files and just make use of CSS media queries inside SVG.

Same goes for the rest of the imagery. While PNG supports transparent background, it'd be nice to have those images scalable too.

Note that if you ever decide to embed one of the images into the GitHub readme, you can also use SVG there as well as separate images with different URL fragments for the schemes.

@superuser-does
Copy link

superuser-does commented Nov 3, 2024

As a simpler solution, you can also use this command for ImageMagick to convert white to transparency:

convert input.png -transparent -fuzz 10% white output.png

The -fuzz 10% parameter will help with gradients and gradual transitions from white to a colour like orange.

This should work right now for the logo.

Of course, the author will need to select another colour for the diagrams, as they have text in black on them currently.

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

No branches or pull requests

2 participants