Streaming live at 10am (PST)

Colour variables not working on pseudo elements in Chrome

Hello. I’ve got an issue and I’m not sure whether it’s a bug with my project. I initially sent this in via a support request but unsure of whether they will help me as it’s technically a custom code issue.

Basically I’m using a Colour CMS Variable inside of a HTML embed. I’m using it inside a base64 background image on a pseudo element. The custom colour shows up fine in Safari but it doesn’t work in Chrome.

In Safari, you can see the icon with the colour variable and the icon with the black colour. But in Chrome you can only see the black icon: https://colour-variable-issue.webflow.io

Here’s my special link: https://preview.webflow.com/preview/colour-variable-issue?utm_medium=preview_link&utm_source=designer&utm_content=colour-variable-issue&preview=73564f91281126206e76d0091cdd5697&mode=preview