We're taking a tip from Bluesky (and X, and Mastodon) and allowing readers to change their profile cover image on Hardcover. I still need to figure out how we should show text near it. Because it can be any color, we don't want any text on top of this image unless it has a background color. - ThreadSky

About ThreadSky

adamfortuna.com • 147 days ago

We're taking a tip from Bluesky (and X, and Mastodon) and allowing readers to change their profile cover image on Hardcover.

I still need to figure out how we should show text near it. Because it can be any color, we don't want any text on top of this image unless it has a background color.

Comments

adrianocahete.dev•147 days ago

Either put a light color with a dark border, or create a function to calculate the lightness of background and define the text color. There's a few math's that does that, but need to search for React native

adrianocahete.dev•147 days ago

Got from a almost forgotten Firefox favorite list:

https://stackoverflow.com/a/13763063/1032384

https://github.com/kennethcachia/Background-Check

Need to transform to react native code :P

adamfortuna.com•147 days ago

That's a really cool example! I'm thinking we'll probably go with the fade to black/white route (depending on light/dark mode). That way, we can use the default color palette there.

The example using the exact position in the image to determine luminosity is 🔥

adrianocahete.dev•146 days ago

I had to do this luminosity math in a past project and, even if worked, sometimes the calculated lightness don't visually match the black/white text color. The fade is more safer, to be honest.

adrianocahete.dev•147 days ago

Other thing that some websites do, it's to put a gradient from black to transparent, from bottom to top, then put the text on this black/transparent layer

leonivek.bsky.social•147 days ago

I actually like the current cover. It is fitting and I will probably keep that one. But this will be a nice new feature, nonetheless. 👍

adamfortuna.com•147 days ago

If someone doesn’t set it or is a free account, we’ll use the image from their most common genre. That way it gives some personality. 💁‍♂️

Posting Rules

Be respectful to others
No spam or self-promotion
Stay on topic
Follow Bluesky's terms of service

Comments

Posting Rules

Reply