Change the default transparency swatch

Why I am asking this

There are some conflicts between Webflow transparencies specifically in Safari browsers. As you can see right here:

https://discourse.webflow.com/t/gradients-not-showing-properly-in-safari/34757

https://discourse.webflow.com/t/strange-gradient-display-in-safari/57708

Long story short, Webflow’s default transparent swatch is a rgba(0, 0, 0, 0), and Safari in understands this as faded shade of black. So, the suggested workaround is to change it to rgba(255, 255, 255, 0).

Maybe I am a hard newbie, but it seems that Webflow’s default transparent swatch is not editable. So, to prevent further bugs on a loooong project, I would have to through each instance of that transparency (even within gradients) and change it - or create a douche-bag script to just to patch this. 😂

Possible solutions

  • Fix the Safari-Webflow transparency issue (seems too expensive to do)

  • Make the default transparent swatch editable. (that would be great)

  • Make the default transparent swatch be rgba(255, 255, 255, 0). (not the best thing in the world, but that's ok)

  • Lucas Piccoli Weinmann
  • May 18 2022