Minor improvements to categories & changelog pages

[arsenstorm]

Hey there!

I’m testing the hosted version of Maybe, and a few things bothered me regarding the UI.

The grey border around the badges for the categories feels wrong. I’ve updated this to match the colour of the badge instead.

Before:

After:

It also feels a bit wrong to see the name of the changelog update instead of the person who created the release.

Before:

After:

[zachgoll]

@arsenstorm thanks for the updates!

@justinfar will have to approve these as I'm not the best with design :)

[arsenstorm]

Awesome; thank you!

…

On Wed, Oct 9 2024 at 10:18 PM, Zach Gollwitzer ***@***.***> wrote: @arsenstorm <https://github.com/arsenstorm> thanks for the updates! @justinfar <https://github.com/justinfar> will have to approve these as I'm not the best with design :) — Reply to this email directly, view it on GitHub <#1274 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AG4XWZEOYDK2ZCSQLXNZ2R3Z2WMTVAVCNFSM6AAAAABPVLHGI6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMBTGQ2DMNJXGE> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[justinfar]

Hey @arsenstorm thanks so much for looking into this

Re changing the name to show the person who created the release, 100% agree

Re the border color, initially I had the alpha-black/25 that blended with the background which gave it a darkened category background color which is exactly what you're doing here (albeit slightly more subdued)

Figma handles borders/strokes differently in comparison to actual CSS so this probably got a bit lost in translation.

So overall agree on the change, only thing I'd change is the to make the border slightly lighter and perhaps change from 25% to 30% over here:

border-color: color-mix(in srgb, <%= category.color %> 25%, white);

If you have other UI bits that you think could be improved feel free to let us know :)

[arsenstorm]

Ah I see

I think switching 25% -> 30% does make it slightly nicer

Another option is to make it borderless which would align better with the tags and merchants page; however, I personally feel like the badges on these pages would benefit more with a border (or a slightly darker background)