Better gradients for category banners

[madsrh]

@Zoospora I understand from @anasereijo that you are looking into some gradients for snapcraft.io - could you help with the colors here as well?

We can style the text for each category if you want black text, no shadow, etc.

These look a bit messy, but maybe you can use this screenshot to test your gradient? It has a transparent banner, so just add something behind the PNG. Screenshots are from the Games category where appcards/appbanners include images.

• Dark
• Light

If you want, you can see which colors are currently used from line 150 in this file (Alpha + RGB).

I'll add some screenshots below of the current colors:

[Feichtmeier]

let's stick to the organisation pattern that when we are not sure what to do, we start with a discussion first. so issues are easy to grab as "fix this" 🤖

[madsrh]

I knew that already! 🤦‍♂️ Sorry for the noise 😸

[ghost]

Hi! 😊
Thank you for the images, they are very useful! 🤩 I hope to have advances soon and send them to you. This is progressing! Thanks to all

[ghost]

Heey!
Thank you for your patience.

Regarding the gradients proposed in the previous message, I think they could work 😊
In addition, here is a set with a few gradients.
They have been chosen because they have enough contrast (accessibility), they can work in both light and dark themes and they respect the possibility of putting the text in white.

As there can be infinite possibilities, if you are interested in a specific combination, please let me know and we'll see.

Thanks for all the hard work!

[madsrh]

Converted hex to RGB

320a39
rgb(50, 10, 57)

0a737e
rgb(10, 115, 126)

280684
rgb(40, 6, 132)

21bdb8
rgb(33, 189, 184)

082435
rgb(8, 36, 53)

297068
rgb(41, 112, 104)

271658
rgb(39, 22, 88)

3be173
rgb(59, 225, 115)

12224b
rgb(18, 34, 75)

d27ed9
rgb(210, 126, 217)

000594
rgb(0, 5, 148)

ff9bb3
rgb(255, 155, 179)

360050
rgb(54, 0, 80)

e13b95
rgb(225, 59, 149)

30001a
rgb(48, 0, 26)

f90c71
rgb(249, 12, 113)

700045
rgb(112, 0, 69)

e95420
rgb(233, 84, 32)

b41601
rgb(180, 22, 1)

feac0c
rgb(254, 172, 12)

@Zoospora @anasereijo are the colors related to a specific category or do you just want us to use them randomly? I mean, are they linked to a category on Snapcraft, like:

[madsrh]

Here are some screenshot with the colors from @Zoospora totally randomly assigned 😅

[Feichtmeier]

Looks kinda smooth!

How does it look surrounded by dark canvas in the dark theme?

[madsrh]

[ghost]

Hey! looks good to me 😊 The gradients were designed just for you to have different resources, feel free to assign them wherever you want. The same gradients will be used by snapcraft too.
Thanks for all the work!

[Feichtmeier]

Okay! @madsrh can you tackle this?