Using a style property in a template

[Dadparvar]

I created a color style property, so that user can pick a color.

Now I want to use it in my template. Not in CSS. In main template of add-on.

This is my code:

    $.fn.tickerme.defaults = {
        fade_speed: {$xenOptions.dadparvar_newsticker_fade_speed},
        duration: {$xenOptions.dadparvar_newsticker_duration},
        auto_stop: {$xenOptions.dadparvar_newsticker_auto_stop},
        type: '{$xenOptions.dadparvar_newsticker_type}',
        control_colour: '#333333',
        control_rollover: '#666666'
    };

I want to get the value for "control_colour" from that style property.
I used it:

control_colour: '@dad_newsticker_control_colour',

But not worked.

Any opinion will be appreciated.

 

[Dadparvar]

I created a color style property, so that user can pick a color.
View attachment 130603
Now I want to use it in my template. Not in CSS. In main template of add-on.

This is my code:

    $.fn.tickerme.defaults = {
        fade_speed: {$xenOptions.dadparvar_newsticker_fade_speed},
        duration: {$xenOptions.dadparvar_newsticker_duration},
        auto_stop: {$xenOptions.dadparvar_newsticker_auto_stop},
        type: '{$xenOptions.dadparvar_newsticker_type}',
        control_colour: '#333333',
        control_rollover: '#666666'
    };

I want to get the value for "control_colour" from that style property.
I used it:

control_colour: '@dad_newsticker_control_colour',

But not worked.

Any opinion will be appreciated.

Do you have any idea please? @katsulynx

 

[Lukas W.]

Color properties are given out as rgba-value, not as hex. Does your Javascript support rgba-input?