[SOLVED] A palette color edit doesn't automatically update gradients

Bricks Version: 1.4


When setting a gradient with a color from the palette with no further edit, editing later the palette color doesn’t reflect changes in gradient.

It seems gradient CSS is generated with the color hex value instead of the corresponding CSS variable, unlike simple background property, for instance.


When a color is selected from palette and not edited, it should definitely use the CSS variable.

Quick fix:
Go to gradient settings and click on corresponding color tab to refresh gradient.


Better fix: Use custom CSS and color variables!

For instance, for text gradient:

root {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, var(--color-1), var(--color-2));
1 Like

Hi Yan,
Thanks so much for your report! You are of course right, I’ve added this improvement to our todo list.

Best regards,

This should have been fixed in the latest 1.5 RC2 :partying_face:

1 Like