leather-io / extension

Leather browser extension
https://leather.io
MIT License
295 stars 141 forks source link

Enhance avatars #3335

Open mica000 opened 1 year ago

mica000 commented 1 year ago

Issue: Current implementation has low contrast with generative gackground

Screenshot 2023-03-02 at 14 16 18

Library with generative avatars

https://cmgriffing.github.io/boringer-avatars/#frameworks

Screenshot 2023-03-02 at 14 18 21

Good contrast:

Screenshot 2023-03-02 at 14 15 41
mica000 commented 1 year ago

@kyranjamie @edu-stx, Can we fix this font displayed on the avatars? Currently the black letter doesn't offer enough contrast.

I dont know if we have control of the colors on the current library, but in case not, then there is this one available as well: https://cmgriffing.github.io/boringer-avatars/#frameworks

kyranjamie commented 1 year ago

Love the idea of using this library. There are some different ways of making sure text contrasts the bg

See docs, you can choose a colour pallet

markmhendrickson commented 1 year ago

SGTM, though can we use this library to generate distinct colors per account? That should help distinguish them.