Rectangle { id: colorTemperature width: 100; height: 140 radius: 12 property int temperatureInt: { return parseInt(temperatureHighLabel.text) } anchors.centerIn: temperatureHighLabel color: { if (temperatureInt >= 38 ) { return "#b20012" // dark red } else if (temperatureInt >= 32 ) { return "#bd0014" // red } else if (temperatureInt >= 27 ) { return "#ec0019" // scarlet } else if (temperatureInt >= 21 ) { return "#ec9649" // orange } else if (temperatureInt >= 16 ) { return "#f7c200" // yellow } else if (temperatureInt >= 10 ) { return "#9ad346" // rich green } else if (temperatureInt >= 4 ) { return "#47b04b" // green } else if (temperatureInt >= -1 ) { return "#4293ff" // sky blue } else if (temperatureInt >= -7 ) { return "#3c00ff" // blue } else if (temperatureInt >= -12) { return "#6a28a3" // purple } else if (temperatureInt >= -18) { return "#8d009a" // pinky purple } else return "#bd009a" // magenta } }