SOLVED: Color Variables not applying in the builder

Hi Stefan,

OK, I can reproduce it like this:

  1. create a new variable in the theme file editor called for example --test-colour1 and set its value to red and save the change
  2. edit a page and add a new section
  3. Select the section in the structure panel and then go to the Styles tab, select Background and then click on the colour icon to bring up the colour picker
  4. create a new colour palette and then add the colour to it using the raw variable name. The colour is correctly applied in both the back-end and front-end
  5. Save the page changes
  6. Go to the theme file editor, delete the variable and save the change
  7. If you still have the page builder open, refresh the browser tab to pick up the variable deletion. The background colour disappears on the section and background colour icon but the variable name is still linked to the background colour.
  8. Delete the colour palette and save the page.

All of these steps so far are sort of mimicking me deleting the framework and the variable definitions and colour palettes being removed.

  1. In the page you have been editing, open the variable manager, click the import button and then create a new variable of the same name (e.g. --test-colour1) with a value of blue. Click save in the variable manager and then save the page. You will see that the section’s background colour is not updated in the canvas but is on the background colour icon. If you view the front-end the background colour is correctly displayed for the section.

Hope this gives some pointers.

I can’t see it being cache related as other variables that were left behind in fields after framework deletion, like padding variables work fine. It is only colours that seem to be affected. I do completely clear everything in the litespeed cache.