SVG Dynamic Themes

Sensor elements

| File name: | "sensor-off.svg" |
| Name attribute: | "sensor" |

This sensor element has two different sizes at the same place for the states "off" and "on".
The sequence and the color "none" do not matter because
- only the active state will be displayed.

symbol

SVG code

off

on

<svg name="sensor" ledsupport="true" width="100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <g>
    <!-- track -->
    <path stroke="rgb(000,000,000)" fill="rgb(000,000,000)" d="M 0,12 L 31,12 L 31,19 L 0,19 z "/>
    <path led="101" stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 8,14 L 23,14 L 23,17 L 8,17 z "/>

    <!-- off -->
    <path led="202" stroke="rgb(000,000,000)" fill="none" d="M 14,11 L 17,11 L 20,14 L 20,17 L 17,20 L 14,20 L 11,17 L 11,14 z "/>
    <!-- on -->
    <path led="203" stroke="rgb(000,000,000)" fill="rgb(255,000,000)" d="M 13,8 L 18,8 L 23,13 L 23,18 L 18,23 L 13,23 L 8,18 L 8,13 z "/>
 
    <!-- ID -->
    <rect txt="1" txtalign="center" x="0" y="0" rx="0" width="31" height="10" stroke="none" fill="none"/>
  </g>
</svg>

For coding the LED attribute see LED Attribute Values .

Sensor register elements

| File name: | "accessory-6-off.svg" |
| Name attribute: | "accessory-6" |

accessory-6
This object represents a summary of up to 8 sensors.
LED addressing is done counter clock wise and starts with number 2 at the dot (bottom left side) for the first sensor.

symbol

SVG code

free

block

route

shunting

<svg name="accessory-6" ledsupport="true" width="100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <g>
    <path stroke="rgb(000,000,000)" fill="rgb(000,000,000)" d="M 0,12 L 31,12 L 31,19 L 0,19 z "/>
    <path led="101" stroke="rgb(255,255,255)" fill="rgb(255,255,255)" d="M 8,14 L 23,14 L 23,17 L 8,17 z "/>
    <rect led="2" x="3" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="3" x="10" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="4" x="17" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="5" x="24" y="21" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="6" x="24" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="7" x="17" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="8" x="10" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <rect led="9" x="3" y="3" width="7" height="7" stroke="rgb(000,000,000)" fill="rgb(255,255,255)"/>
    <circle cx="2" cy="30" r="1" stroke="rgb(000,000,000)" fill="rgb(000,000,000)"/>
    <!-- no ID -->
  </g>
</svg>

For coding the LED attribute see LED Attribute Values .