mirror of
https://github.com/GeorgeSG/sarah.git
synced 2026-09-08 10:38:44 +00:00
Update dashboard designs
This commit is contained in:
@@ -12,6 +12,7 @@ v3_title:
|
||||
|
||||
ha-card > ha-markdown {
|
||||
font-size: 22px;
|
||||
padding: 20px 20px 20px 0;
|
||||
padding-left: 0;
|
||||
padding-bottom: 14px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #FF7900
|
||||
--primary-color: #2982c4
|
||||
}
|
||||
|
||||
$:
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #871CAB
|
||||
--primary-color: #9489d1
|
||||
}
|
||||
|
||||
$:
|
||||
@@ -41,6 +41,8 @@
|
||||
state_display: "[[[return entity.state.split(' ')[0] + ' pm2.5']]]"
|
||||
variables:
|
||||
state_size: "11px"
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.bedroom_left_window
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #188A9C
|
||||
--primary-color: #b1633e
|
||||
}
|
||||
|
||||
$:
|
||||
@@ -37,6 +37,8 @@
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: group.hallway_motion
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.hallway_motion_occupancy
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #58892D
|
||||
--primary-color: #bacd8c
|
||||
}
|
||||
|
||||
$:
|
||||
@@ -14,4 +14,93 @@
|
||||
margin: 0 20px;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
card: !include kitchen_dashboard_card.yaml
|
||||
card:
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: Kitchen
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.kitchen_weather_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.kitchen_weather_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_motion_occupancy
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_window
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_door
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen_secondary
|
||||
name: Secondary
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Devices
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: media_player.kitchen
|
||||
name: Sonos
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.sonos_is_kitchen_grouped
|
||||
name: Sonos Grouped
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: "[[[ return entity.state == 'on' ? 'script.sonos_kitchen_unjoin' : 'script.sonos_kitchen_join' ]]]"
|
||||
- type: custom:button-card
|
||||
template: v3_button_radiator
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: Radiator
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: custom:button-card
|
||||
template: v3_button_brita_water
|
||||
- type: custom:button-card
|
||||
template: v3_button_power
|
||||
entity: switch.kitchen_outlet
|
||||
name: Outlet
|
||||
variables:
|
||||
power_sensor: sensor.kitchen_outlet_electric_consumption_w
|
||||
|
||||
@@ -1,87 +0,0 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: Kitchen
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.kitchen_weather_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.kitchen_weather_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_motion_occupancy
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_window
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_door
|
||||
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen_secondary
|
||||
name: Secondary
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Devices
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: media_player.kitchen
|
||||
name: Sonos
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.sonos_is_kitchen_grouped
|
||||
name: Sonos Grouped
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: "[[[ return entity.state == 'on' ? 'script.sonos_kitchen_unjoin' : 'script.sonos_kitchen_join' ]]]"
|
||||
- type: custom:button-card
|
||||
template: v3_button_radiator
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: Radiator
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: custom:button-card
|
||||
template: v3_button_brita_water
|
||||
- type: custom:button-card
|
||||
template: v3_button_power
|
||||
entity: switch.kitchen_outlet
|
||||
name: Outlet
|
||||
variables:
|
||||
power_sensor: sensor.kitchen_outlet_electric_consumption_w
|
||||
@@ -3,7 +3,7 @@
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #0040A0
|
||||
--primary-color: #6b8988
|
||||
}
|
||||
|
||||
$:
|
||||
@@ -26,6 +26,17 @@
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: Living room
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.multisensor_6_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.multisensor_6_relative_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge
|
||||
entity: sensor.aqara_tvoc_voc
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
@@ -40,17 +51,6 @@
|
||||
styles:
|
||||
card:
|
||||
- background-image: url("/local/images/people/maya.jpg")
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.multisensor_6_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.multisensor_6_relative_humidity
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge
|
||||
entity: sensor.aqara_tvoc_voc
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.toshiba_ac_conditions_met
|
||||
|
||||
@@ -28,24 +28,6 @@
|
||||
- title: Preferences
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_person
|
||||
entity: input_boolean.georgi_home
|
||||
styles:
|
||||
card:
|
||||
- background-image: url("/local/images/people/georgi.jpg")
|
||||
- type: custom:button-card
|
||||
template: v3_button_person
|
||||
entity: input_boolean.player_2_home
|
||||
styles:
|
||||
card:
|
||||
- background-image: url("/local/images/people/maya.jpg")
|
||||
# - type: custom:button-card
|
||||
# template: v3_button_person
|
||||
# entity: input_boolean.player_2_home
|
||||
# styles:
|
||||
# card:
|
||||
# - background-image: url("/local/images/people/milena.jpg")
|
||||
- type: custom:button-card
|
||||
template: v3_badge
|
||||
entity: binary_sensor.someone_home
|
||||
@@ -53,6 +35,10 @@
|
||||
template: v3_badge
|
||||
entity: binary_sensor.someone_sleeping
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Toggles
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
|
||||
Reference in New Issue
Block a user