I am not a CSS expert nor a programmer, but a passionate Hubitat hobbyist with hundreds of devices and hundreds of rules, etc.
I have set up my Jason file in Layout to alter the Temperature Template to alter the background colour of the tile pending the actual temp as shown below:
However, I want to have a similar set-up for a different Temp sensor to allow me to set scaling colour changes pending the temp reading, which will be different to the original template.
I have tried to do this in CSS to override the template without success for 1 tile.
Therefore, is there a way to duplicate a temperature Template to say Template "Temperature 2" to allow me to have different layout settings?
any suggestions?
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(0, 255, 153)",
"iconColor": "rgb(0,0,0)",
"state": "-0.8",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(0, 255, 153)",
"iconColor": "rgb(0,0,0)",
"state": "-0.7",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(0, 255, 153)",
"iconColor": "rgb(0,0,0)",
"state": "-0.6",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(0, 255, 153)",
"iconColor": "rgb(0,0,0)",
"state": "-0.5",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(0, 255, 153)",
"iconColor": "rgb(0,0,0)",
"state": "-0.4",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(0, 255, 153)",
"iconColor": "rgb(0,0,0)",
"state": "-0.3",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(0, 255, 153)",
"iconColor": "rgb(0,0,0)",
"state": "-0.2",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(8, 145, 187)",
"iconColor": "rgb(0,0,0)",
"state": "-0.1",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(8, 145, 187)",
"iconColor": "rgb(0,0,0)",
"state": "0",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(8, 145, 187)",
"iconColor": "rgb(0,0,0)",
"state": "0.1",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(8, 145, 187)",
"iconColor": "rgb(0,0,0)",
"state": "0.2",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(8, 145, 187)",
"iconColor": "rgb(0,0,0)",
"state": "0.3",
"customIcon": ""
},
{
"template": "temperature",
"bgColor": "rgb(8, 145, 187)",
"iconColor": "rgb(0,0,0)",
"state": "0.4",
"customIcon": ""
},
{