Update signature generator to new branding

[melissahoughton]

No description provided.

[robdmoore]

We need to use a non-gradient version of the logo because we don't want the gradient on a whitebackground (the yellow part of the gradient gets washed out).

Side-note: I can't remember how this setup is affected by light mode / dark mode in email clients?

[melissahoughton]

We need to use a non-gradient version of the logo because we don't want the gradient on a whitebackground (the yellow part of the gradient gets washed out).

Side-note: I can't remember how this setup is affected by light mode / dark mode in email clients?

I've updated the black logo image. This setup doesn't change anything for light and dark mode at the moment. I tested it in outlook and the received signature looks like this:

[melissahoughton]

I had a look into how we can make the signature switch and which logo it uses on light vs dark mode. We can use an SVG instead and add a media query styling as below within the svg. The problem with this is that it uses the user's system setting, not what the email client is set to (which may be different to the system setting).

<style>
    @media (prefers-color-scheme: dark) {
      .cls-1 { fill: #fff; }
    }
    @media (prefers-color-scheme: light) {
      .cls-1 { fill: #0e0f10; }
    }
</style>

Some other options that could work are to have a logo that is a colour that works well on both light/dark or add a background colour to the image or just leave it as is 🤷🏻‍♀️

[robdmoore]

I think this URL isn't right?

[melissahoughton]

oops I forgot to push a change for that, updating now for the one with the white background anyways

[robdmoore]

We should probably use the black logo for favicon, like the makerx website.

Re: dark vs light mode, let's add a white background to the logo file then so at least it always looks right?

[melissahoughton]

Updated to the use black logo jpg which has a white background already.

Screenshot from my personal outlook which uses dark mode:

[melissahoughton]

Favicon is updated now too