<rect width="900" height="600" fill="<%= layer.color1 %>" class="color1"/>
<rect width="600" height="600" fill="<%= layer.color2 %>" class="color2"/>
<rect width="300" height="600" fill="<%= layer.color3 %>" class="color3"/>

<rect width="900" height="600" fill="<%= layer.color3 %>" class="color3"/>
<rect width="600" height="600" fill="<%= layer.color2 %>" class="color2"/>
<rect width="300" height="600" fill="<%= layer.color1 %>" class="color1"/>

Align colors of tricolour template with the UI element order.
Align colors of tricolour template with the UI element order.
