@Rikki Sorry, I may be being thick headed on this Rikki, So just to get this straight and see if i got this correct...
We need to convert our custom hex color setting to a rgb or rgba variable like listed above in our custom.css? And to be clear here again so I understand, we are still using a hex color in the custom color setting and not a rgb or rgba, or do we need to convert our custom color setting to a text field and use for default a rgb or rgba color code?
As an example, let's say I have this rule below
.ipsPromote .ipsPromote_icon {
color:{theme="mass_color_ffffff"};
background:{theme="mass_color_main"};
}
Is it supposed to look like this to be correct?
.ipsPromote .ipsPromote_icon {
color: rgb{ var(--theme-mass_color_ffffff"};
background:rgb{ var(--theme-mass_color_main"};
}
Next, if I use a custom text field and use a rgb or rgba in that field like so, is that proper or ok to do like I have it or do I need to convert this too?
.ipsWidget .ipsTabs_small .ipsTabs_item:not( .ipsTabs_activeItem ) {
color: rgba({theme="mass_color_rgba_0_0_0"},0.80);
border-top: 7px solid rgba({theme="mass_color_main_rgba"},0.15);
}
Is the code above then supposed to look like this if I use your given example above
.ipsWidget .ipsTabs_small .ipsTabs_item:not( .ipsTabs_activeItem ) {
color: rgba( var(--theme-mass_color_rgba_0_0_0}, 0.80);
border-top: 7px solid rgba( var(--theme-mass_color_main_rgba}, 0.15);
}