Temperature glance
A picture elements card that is faking the look of a picture glance, but with visible temperatures.
Remember to change the sensor entities for your own.
To get the grey transparent area known from the picture glance on my background, I first created it as a picture glance and took a screenshot that I can use for my "glance".
ui-lovelace.yaml
1
title: Home Assistant
2
views:
3
- type: picture-elements
4
image: /local/house-element.jpg
5
elements:
6
- type: state-icon
7
entity: alarm_control_panel.home_alarm
8
style:
9
top: 87%
10
left: 5%
11
color: white
12
- type: state-icon
13
entity: sensor.front_door_combined
14
style:
15
top: 86%
16
left: 14%
17
color: white
18
- type: state-icon
19
entity: sensor.mailbox
20
style:
21
top: 86%
22
left: 23%
23
color: white
24
- type: state-icon
25
entity: sensor.trash_bin
26
style:
27
top: 86%
28
left: 32%
29
color: white
30
31
## temp
32
- type: icon
33
icon: mdi:hotel
34
entity: sensor.temperature_bedroom
35
tap_action: more-info
36
style:
37
top: 82%
38
left: 50%
39
color: white
40
- type: state-label
41
entity: sensor.temperature_bedroom
42
style:
43
top: 95%
44
left: 50%
45
color: white
46
47
- type: icon
48
icon: mdi:human-male
49
entity: sensor.temperature_stefan
50
tap_action: more-info
51
style:
52
top: 82%
53
left: 64%
54
color: white
55
- type: state-label
56
entity: sensor.temperature_stefan
57
style:
58
top: 95%
59
left: 64%
60
color: white
61
62
- type: icon
63
icon: mdi:stairs
64
entity: sensor.temperature_passage
65
tap_action: more-info
66
style:
67
top: 82%
68
left: 78%
69
color: white
70
- type: state-label
71
entity: sensor.temperature_passage
72
style:
73
top: 95%
74
left: 78%
75
color: white
76
77
- type: icon
78
icon: mdi:washing-machine
79
entity: sensor.temperature_downstairs_bathroom
80
tap_action: more-info
81
style:
82
top: 82%
83
left: 92%
84
color: white
85
- type: state-label
86
entity: sensor.temperature_downstairs_bathroom
87
style:
88
top: 95%
89
left: 92%
90
color: white
Copied!
Last modified 1yr ago
Copy link