Update external buttons

[svenefftinge]

We need to update the buttons to match the new logo / branding

1. gitpod.io/button/open-in-gitpod.svg (there are other rarely used variants)
2. https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod (it has blue in its name 🙄 )

[gtsiolis]

For the first one, we could use the ones we have in these specs. For the shield button we could go with the common shield button style and use our logo there or maybe better the monochromatic version. WDYT?

[svenefftinge]

For shield, we'd need to create a PR on their repo. cc @jankeromnes

[gtsiolis]

Added #3732 but I could be missing something. /cc @jankeromnes @svenefftinge

[jankeromnes]

For shield, we'd need to create a PR on their repo. cc @jankeromnes

Actually, to https://github.com/simple-icons/simple-icons (the icons library used by shields, where the current logo is). I can make a PR today, but they have very strict rules around SVG formatting so I may need some help.

[gtsiolis]

I can help with the SVG icon but what about the shield badge colors:

1. Can we change them?
2. Do we want to change them?
3. Where can we change them?

[jankeromnes]

I can help with the SVG icon

Cool, thanks! 🙌 I've opened a Draft PR here: simple-icons/simple-icons#5425

Here are the guidelines on extracting a minimal icon: https://github.com/simple-icons/simple-icons/blob/develop/CONTRIBUTING.md#2-extract-the-icon-from-the-logo

I believe I've already addressed 1. 2. 3. 7. 8., but the path still corresponds to the old viewbox (0 0 36 40, while 0 0 24 24 is expected) and the icon would also need to be centered.

but what about the shield badge colors:

1. Can we change them?

I believe simple-icons controls the logo & color on the left of , however the blue background on the right is controlled by the word blue in the badge URL.

So, we can change the logo & color on the left by sending a PR to simple-icons, but to fix the background color on the right we would need to update the shields badge URL everywhere it's used.

2. Do we want to change them?
3. Where can we change them?

Left: Yes. Right: Probably as many as we can (e.g. at least everywhere we suggest using a shields badge, like community and Setup Assistant).

[jankeromnes]

Er, actually, after trying this:

![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-FFB45B?logo=gitpod)

I now believe it could be okay to leave the right part blue and just update the simple-icons logo on the left.

What do you think? 🏓

[gtsiolis]

@jankeromnes yes, let's refrain from using orange on the right. Blue color on the other hand has now little to do with our new brand so maybe we could switch to lightgray for the right part. For the left part, we could use a flat white version of the logo as we do in the VS Code status bar. Thoughts? 🏓