Pro 6.6.1 - issues with colours

I’m having issue with opacity.

The site is a brand new site running Pro 6.6.1. I also set the site up to use HTML Storage. I did also clear the system cache. I also tried switching back to Shortcodes but the issue remained so I presume it doesn’t have anything to do with HTML Storage.

I the builder when I set a colour with opacity everything looks fine however on the front-end there is no colour.

In the inspector it says the colour is invalid.

In the builder it shows the colour as an RGBA value - rgba(207, 201, 197, 0.82)

On the front-end it is converting it to the below.

image

Is there perhaps a requirement for the names and ids of the colours.

In this site I changed the ids to reflect the names so they were easier to use across the site and I think it was my ID’s that broke the colours.

Perhaps there needs to be some validation regarding what you can use as an id.

What did you use as an ID for your color? Have a great day.

pl-dark-grey as an example.