How to change color for inactive status of StatusIndicator?

[RolBri]

Hi,
I am completely new to QML.

I would like to change the color for the inactive status of a StatusIndicator to red:

import QtQuick 2.2
import QtQuick.Extras 1.4

    StatusIndicator {
        anchors.centerIn: parent
        color: "green" //Status active
      //color2: "red" //Status inactive
    }

How can I do this?
Thank you very much :-)

[xargs1]

I think you'll have to write a Style to do that. You can probably just take the existing Style from the source and tweak it. Look for StatusIndicatorStyle.qml in your installation.

[Kofr]

StatusIndicator {
        id: statusI
        active: true
        property bool rlyActive
           anchors.centerIn: parent
           color: rlyActive ? "green" : "red" //Status active
         //color2: "red" //Status inactive
           MouseArea {
               anchors.fill: parent
               onClicked: statusI.rlyActive = !statusI.rlyActive
           }
       }

[RolBri]

Thank you very much for this nice solution :-)