Есть ли способ изменить акцент заголовка региона в соответствии со значением элемента?

Question

Я хочу установить цвет акцента / фона заголовка региона в соответствии со значением элемента :P4_COLOR. Например, если :P4_COLOR = blue, поэтому акцент заголовка фактических регионов должен быть синим (т.е. u-color-1).

Я пытался использовать html backgroud-color внутри тега h1, например:

<h1 style="background-color:&P4_COLOR.;">Title name</h1>

но результат не равен параметру шаблона.

Есть идеи?

Answer 1

Следующий JavaScript будет применяться так же, как опция шаблона

$('#region_static_id').addClass('t-Region--accent1')

Или использовать модификатор цвета

$('#region_static_id .t-Region-header').addClass('u-color-9-bg') 

Или вы можете указать акцент в качестве строки подстановки вВнешний вид-CSS классы в регионе.