toqito icon indicating copy to clipboard operation
toqito copied to clipboard

Customize `toqito` logo

Open purva-thakre opened this issue 1 year ago • 5 comments

Related to the changes introduced in #466 and #416. We want to customize the logo for light and dark modes. The dark mode color theme for wagtail is different and inverting the colors of the existing logo does not work that well.

The logo image could be switched depending on which theme is being used: light/dark

See this discussion: https://www.reddit.com/r/tailwindcss/comments/kd9czo/comment/gfw0zxb/?utm_source=share&utm_medium=web2x&context=3

image

purva-thakre avatar Feb 09 '24 14:02 purva-thakre

It does not appear like the changes in #466 worked out after #524

image

purva-thakre avatar Mar 29 '24 13:03 purva-thakre

I think we can just invert in the .tex file and create a logo_light and logo_dark. Attached the dark logo for contrast. Let me know what you think, @purva-thakre logo.pdf logo

vprusso avatar Apr 20 '24 16:04 vprusso

@vprusso Yes, I did try inverting the colors in the svg file. Unfortunately, the lines were not clean if we increase the size of the image.

https://github.com/vprusso/toqito/pull/466#issuecomment-1933315515

purva-thakre avatar Apr 20 '24 18:04 purva-thakre

Hmm, interesting. The images there are generated the same way the light one is (except the inverted color of course). Are the lines not clean on the light one either? I figured since it was an SVG it would be a lossless format that would scale well, but is that not the case here?

vprusso avatar Apr 20 '24 19:04 vprusso

I figured since it was an SVG it would be a lossless format that would scale well, but is that not the case here?

I am not too sure about this. I took the SVG toqito logo and inverted the colors. What I got in Inkscape is a bit different than what you provided in your previous comment.

purva-thakre avatar Apr 22 '24 18:04 purva-thakre