Approach for using blend modes in dark mode

Tertiary buttons use a blend mode

Tertiary buttons use a multiply blend mode to:

• Give higher contrast when on a darker than white background.
• Display a more harmonious colour on non-neutral backgrounds.

With blend mode	Without blend mode

These won’t work in dark mode

Multiply will always create a darker color[1]. Which is great on light backgrounds, but not so good in dark mode where we will want a light button for contrast.

Figma currently does not allow you to set the blend mode on the main component using a variable.

Lets try and fix it...