search

flathub-infra / website

Monorepo with website and API
https://flathub.org
Apache License 2.0
191 stars 75 forks source link

Improve use of grays #3058

Open bertob opened 3 weeks ago

bertob commented 3 weeks ago

Currently we use tinted grays for backgrounds, buttons, and the like, which clashes with the new colorful banners. I'd make them all fully neutral, saturation-wise.

Also, we're using opaque grays in most places rather than semi-transparent ones, which means there are lots of hardcoded brigthness values rather than being able to rely on layers of nested semi-transparent gray. We do the latter in Adwaita, and it's much more flexible and consistent.

razzeee commented 1 week ago

I guess we should CC @jimmac on this, as I think he picked the colors in the original style guide and that would also need to be updated. https://github.com/flathub-infra/assets/blob/main/brand/brand-guide.pdf

Then again, the purple(ish) color might be fine, if we don't use them for backgrounds. We're also using hsl now FYI

The current colors can be found here https://github.com/flathub-infra/website/blob/main/frontend/styles/main.scss#L58-L96

jimmac commented 1 week ago

'Clashes' is probably too strong of an adjective, but at the same time I don't particularly hold on to the tint. I don't mind updating the brand material if we choose to desaturate fully.