{% if optionList is defined %}
<style>
	
	.bgdSoftColorAs { background-color: #484848 }
  .borderSoftColorAs { border-color: #484848 }
  .bgdColorAs { background-color: #484848 }
  .colorAs { color:#484848 }

  {% for option in optionList %} 
     {% if option.useColorForMarker or option.useIconForMarker %}
	    .bgdSoftColorAs[option-id="{{ option.id }}"] { background-color: {{ option.softColor }} }
	    .borderSoftColorAs[option-id="{{ option.id }}"] { border-color: {{ option.softColor }} }
	    .bgdColorAs[option-id="{{ option.id }}"] { background-color: {{ option.color }} }
	    .colorAs[option-id="{{ option.id }}"] { color: {{ option.color }} }
    {% endif %}
  {% endfor %} 
</style>
{% endif %}
{% if optionList is defined %}
<style>
	
	.bgdSoftColorAs { background-color: #484848 }
  .borderSoftColorAs { border-color: #484848 }
  .bgdColorAs { background-color: #484848 }
  .colorAs { color:#484848 }

  {% for option in optionList %} 
     {% if option.icon or option.softColor %}
	    .bgdSoftColorAs[option-id="{{ option.id }}"] { background-color: {{ option.softColor }} }
	    .borderSoftColorAs[option-id="{{ option.id }}"] { border-color: {{ option.softColor }} }
	    .bgdColorAs[option-id="{{ option.id }}"] { background-color: {{ option.color }} }
	    .colorAs[option-id="{{ option.id }}"] { color: {{ option.color }} }
    {% endif %}
  {% endfor %} 
</style>
{% endif %}
Change condition to generate option colorisation
Change condition to generate option colorisation

