XF 2.2 How to use color pallet colors in html?

[Patrity]

I'm using an html block and looking to do some styling.
I'm adding my styles to the extra css file, however how do I reference colors that are chosen in the pallet from the ACP?

Thanks in advance,

 

[Paul B]

You can call a style property in a less template using @xf-propertyName.

For example:

.p-pageWrapper
{
    background: @xf-paletteColor2;
}

 

[Patrity]

You can call a style property in a less template using @xf-propertyName.

For example:

.p-pageWrapper
{
    background: @xf-paletteColor2;
}

Exactly what I was looking for! Thank you!