type: picture-elements
image: local/pics/Green_Lawn_Pic.jpg
elements:
- type: custom:circle-sensor-card
entity: sensor.cold_flu_index_today
max: 12
min: 1
stroke_width: 8
gradient: true
fill: '#b4b4b4'
name: Cold-Flu
units: ' '
font_style:
font-size: 16px
font-color: white
color_stops:
'0': '#55FF55'
'2.5': '#00b500'
'4.9': '#ffd900'
'7.3': '#ff7e00'
'9.7': '#ff0000'
style:
top: 20%
left: 1%
width: 100px
height: 100px
transform: none
- type: custom:circle-sensor-card
entity: sensor.tomorrow_io_kish_home_grass_pollen_index
max: very_high
min: none
stroke_width: 10
gradient: true
fill: '#b4b4b4'
name: Grass Pollen
units: ' '
font_style:
font-size: 14px
font-color: white
color_stops:
None: '#007300'
Very_Low: '#00b500'
Low: '#ffd900'
Medium: '#ff7e00'
High: '#ff0000'
Very_High: '#9B26B6'
style:
top: 60%
left: 27%
width: 110px
height: 110px
transform: none
- type: custom:circle-sensor-card
entity: sensor.tomorrow_io_kish_home_tree_pollen_index
max: 12
min: 1
stroke_width: 10
gradient: true
fill: '#b4b4b4'
name: Tree Pollen
units: ' '
font_style:
font-size: 14px
font-color: white
color_stops:
None: '#007300'
Very_Low: '#00b500'
Low: '#ffd900'
Medium: '#ff7e00'
High: '#ff0000'
Very_High: '#9B26B6'
style:
top: 60%
left: 1%
width: 110px
height: 110px
transform: none
- type: custom:circle-sensor-card
entity: sensor.tomorrow_io_kish_home_weed_pollen_index
max: 12
min: 1
stroke_width: 10
gradient: true
fill: '#b4b4b4'
name: Weed Pollen
units: ' '
font_style:
font-size: 14px
font-color: white
color_stops:
none: '#007300'
very_low: '#00b500'
low: '#ffd900'
medium: '#ff7e00'
high: '#ff0000'
very_high: '#9B26B6'
style:
top: 60%
left: 53%
width: 110px
height: 110px
transform: none
- type: custom:circle-sensor-card
entity: sensor.tomorrow_io_kish_home_fire_index
max: 15
min: 1
stroke_width: 10
gradient: true
fill: '#b4b4b4'
name: Fire Index
units: ' '
font_style:
font-size: 14px
font-color: white
color_stops:
'0': '#007300'
'3': '#00b500'
'6': '#ffd900'
'9': '#ff7e00'
'12': '#ff0000'
'15': '#9B26B6'
style:
top: 60%
left: 79%
width: 110px
height: 110px
transform: none
- type: custom:circle-sensor-card
entity: sensor.allergy_index_today
max: 12
min: 1
stroke_width: 8
gradient: true
fill: '#b4b4b4'
name: Allergy
units: ' '
font_style:
font-size: 16px
font-color: white
color_stops:
'0': '#007300'
'2.5': '#00b500'
'4.9': '#ffd900'
'7.3': '#ff7e00'
'9.7': '#ff0000'
style:
top: 20%
left: 79%
width: 100px
height: 100px
transform: none
- type: custom:circle-sensor-card
entity: sensor.current_ozone_level
max: 500
min: 100
stroke_width: 8
gradient: true
fill: '#b4b4b4'
name: Ozone
units: ' '
font_style:
font-size: 16px
font-color: white
color_stops:
'100': '#ff0000'
'200': '#ff7e00'
'300': '#ffd900'
'400': '#00b500'
'500': '#007300'
style:
top: 20%
left: 40%
width: 100px
height: 100px
transform: none
Have numbers showing with the color rings, but can’t see to get non-numeric states of entities to color correctly. Need some help understanding what I’m doing wrong or missing.