I would slightly change the look of 3rd party login buttons to better match current design and those 3rd party companies 🤔

1) colors

- i dont know why microsoft is green 🤔 when i visit microsoft website, i mostly see blue color, on buttons it is #0067b8

- facebook uses its previous main color i guess, but currently it should be #0866ff

2) icons background

other buttons with icons dont have darker background under the icon, so i would remove it here too

3) text align

after removing darker background under the icon i would align texts to the left side 🤔

4) font awesome

what about using font awesome icons instead of inline svg here? 😮

the final result might look like this 🤔

or instead of using different shades of blue for each company, use just default blue color like on other buttons 🤔

there are several other login types i dont use so i dont know their colors here, but im not sure if X has #000 🤔

Edited February 18Feb 18 by Vodafone CZ

This big brands have strict guidelines about what you can and cannot do.

Google for example: https://developers.google.com/identity/branding-guidelines

Google logo in the "Sign in with Google" button

Regardless of the text, you can't change the size or color of the Google "G" logo. It must be the standard color version and appear on a white background

It does look like our Microsoft branding is out of date, so we can certainly update that.