Replace project avatars

readthedocs / ext-theme

Read the Docs drop in replacement site templates

2 stars 2 forks source link

Replace project avatars #403

Closed agjohnson closed 1 month ago

agjohnson commented 3 months ago

[x] Fix URL for web component styles and avatar image
[x] Create a 100x100px image, mapped to our current color scheme colors on the dashboard. This creates a lot of nice variance in colors and matches the look and feel in addition.
[x] Resize to something easy for bitwise hashing math, 128x128?
[x] Find the right pattern for avoiding inline styles and background positioning
[x] Fix positioning on the project header, it's out of place now

Resolves #131

agjohnson commented 3 months ago

agjohnson commented 2 months ago

I worked through patterns for attributes, using a static URL for the image, updated the underlying sprite, and fixed an issue on the project header.

With the new sprite, the dashboard looks like this now:

The image is a palette mapped image, using colors from the FUI base color scheme. We can also tweak the sprite more though. Here's an example using fewer colors and more pixels in the avatar image:

agjohnson commented 2 months ago

I like the look of the 8x8 pixel avatar, but would say the 4x4 looks more like it is a generated icon. The color limited color scheme works much nicer too, all the colors are prominent in the dashboard already.

I think my favorite is 4x4 pixels, limited FUI color palette:

agjohnson commented 2 months ago

I am already using the same color palette as FUI. What is the concern around generating an image vs processing a photo?