This should be included in XF when proposing a style variation, it should be expected that the background images will need to be changed depending on the variation... But in the meantime:
This should be included in XF when proposing a style variation, it should be expected that the background images will need to be changed depending on the variation... But in the meantime:
/*** Set page background colour and image ***/
.p-pageWrapper
{
// normal rules (default color scheme -- light in the default style)
background: {{ property('@xf-contentBg') }} url('/data/assets/style_properties/bg-def.jpg');
.m-colorScheme({{ $xf.style.getAlternateStyleType() }},
{
// alternate rules (alternate color scheme -- dark in the default style)
background: {{ property('@xf-contentBg') }} url('/data/assets/style_properties/bg-alt.jpg');
});
}
@Jeremy P 's post here explains some additional options, depending on your needs.