Code kopieren & zu Dashboards
Umfassende Wetter-Dashboard Card, die aktuelle Wetterdaten, Vorhersagen und Warnungen übersichtlich anzeigt. - Aktuelles Wetter: Temperatur, Zustand, Icon - Innen/Außen Vergleich: Temperaturan...
Umfassende Wetter-Dashboard Card, die aktuelle Wetterdaten, Vorhersagen und Warnungen übersichtlich anzeigt.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
# Wetter-Übersicht Dashboard Card
# Kombiniert aktuelle Wetterdaten, Vorhersage und Warnungen
type: vertical-stack
cards:
# Aktuelles Wetter Header
- type: horizontal-stack
cards:
- type: weather-forecast
entity: weather.openweathermap
forecast_type: daily
show_forecast: false
style: |
ha-card {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
color: white;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
# Aktuelle Temperaturen
- type: vertical-stack
cards:
- type: sensor
entity: sensor.outdoor_temperature
name: "Außen"
icon: "mdi:thermometer"
card_mod:
style: |
ha-card {
background: rgba(255,255,255,0.1);
color: white;
border-radius: 10px;
text-align: center;
}
- type: sensor
entity: sensor.indoor_temperature
name: "Innen"
icon: "mdi:home-thermometer"
card_mod:
style: |
ha-card {
background: rgba(255,255,255,0.1);
color: white;
border-radius: 10px;
text-align: center;
}
# Wetter-Details Horizontal
- type: horizontal-stack
cards:
- type: entities
title: "Wetterdaten"
entities:
- entity: sensor.outdoor_humidity
name: "Luftfeuchtigkeit"
icon: "mdi:water-percent"
- entity: sensor.pressure
name: "Luftdruck"
icon: "mdi:gauge"
- entity: sensor.wind_speed
name: "Windgeschwindigkeit"
icon: "mdi:weather-windy"
- entity: sensor.uv_index
name: "UV-Index"
icon: "mdi:weather-sunny-alert"
card_mod:
style: |
ha-card {
border-radius: 15px;
background: var(--card-background-color);
}
# Niederschlag & Sonne
- type: entities
title: "Niederschlag & Sonne"
entities:
- entity: sensor.rain_today
name: "Regen heute"
icon: "mdi:weather-rainy"
- entity: sensor.rain_rate
name: "Regenrate"
icon: "mdi:weather-pouring"
- entity: sensor.sun_elevation
name: "Sonnenhöhe"
icon: "mdi:weather-sunny"
- entity: binary_sensor.sun_rising
name: "Sonne steigt"
icon: "mdi:weather-sunset-up"
card_mod:
style: |
ha-card {
border-radius: 15px;
background: var(--card-background-color);
}
# 5-Tage Vorhersage
- type: weather-forecast
entity: weather.openweathermap
forecast_type: daily
name: "5-Tage Vorhersage"
card_mod:
style: |
ha-card {
border-radius: 15px;
background: var(--card-background-color);
}
# Wetterwarnungen (falls vorhanden)
- type: conditional
conditions:
- entity: binary_sensor.weather_warning_active
state: "on"
card:
type: markdown
content: |
## ⚠️ Wetterwarnungen
{{ state_attr('sensor.dwd_weather_warnings', 'warnings') | join('<br>') }}
card_mod:
style: |
ha-card {
background: rgba(255, 152, 0, 0.1);
border: 2px solid #ff9800;
border-radius: 15px;
}
# Regenradar (Optional)
- type: iframe
url: "https://www.regenradar.de"
aspect_ratio: 75%
title: "Regenradar"