Skip to content

Instantly share code, notes, and snippets.

@frankspin89
Forked from lxe/README.md
Created February 13, 2023 14:05
Show Gist options
  • Save frankspin89/fd63d7e5bf1d6c7e7d08fb63fab5f17a to your computer and use it in GitHub Desktop.
Save frankspin89/fd63d7e5bf1d6c7e7d08fb63fab5f17a to your computer and use it in GitHub Desktop.
title: Home
views:
- theme: Backend-selected
path: default_view
title: Home
icon: mdi:home
type: custom:grid-layout
layout:
grid-template-columns: 1fr 1fr 1fr
grid-template-rows: auto
grid-template-areas: |
"sidebar main main"
mediaquery:
'(max-width: 600px)':
grid-template-columns: 100%
grid-template-areas: |
"sidebar"
"main"
badges: []
cards:
- type: vertical-stack
cards:
- type: horizontal-stack
layout:
margin: 0
gap: 0
grid-template-columns: 1fr 1fr
mediaquery:
'(max-width: 600px)':
grid-template-columns: 100%
cards:
- type: custom:simple-thermostat
entity: climate.hallway
step_size: 1
layout:
step: row
sensors:
labels: false
mode:
names: false
headings: false
hide:
state: true
card_mod:
style: |
.current-wrapper {
flex-wrap: nowrap !important;
}
.modes {
padding: 0;
}
.modes:last-of-type {
display: none;
}
ha-card {
padding-bottom: 0 !important;
}
- type: custom:simple-thermostat
entity: climate.mancave
step_size: 1
layout:
step: row
sensors:
labels: false
mode:
names: false
headings: false
hide:
state: true
card_mod:
style: |
.current-wrapper {
flex-wrap: nowrap !important;
}
.modes {
padding: 0;
}
ha-card {
padding-bottom: 0 !important;
}
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.backyard_temperature
name: Temperature
- type: custom:mini-graph-card
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.backyard_humidity
name: Humidity
- type: custom:mini-graph-card
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.purpleair_pressure
name: Pressure
- type: custom:mini-graph-card
icon: mdi:air-purifier
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.purpleair_aqi_a
name: AQI
color_thresholds:
- value: 0
color: '#43a047'
- value: 150
color: '#ffa600'
- value: 300
color: '#db4437'
- value: 4000
color: '#0000ff'
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.aranet4_xxx_temperature
name: 👶 Temp
- type: custom:mini-graph-card
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.aranet4_xxx_humidity
name: 👶 Humidity
color_thresholds:
- value: 0
color: '#db4437'
- value: 35
color: '#ffa600'
- value: 50
color: '#43a047'
- value: 70
color: '#ffa600'
- value: 90
color: '#db4437'
- type: custom:mini-graph-card
icon: mdi:molecule-co2
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.aranet4_xxx_carbon_dioxide
name: 👶 CO2
color_thresholds:
- value: 0
color: '#43a047'
- value: 1100
color: '#ffa600'
- value: 1600
color: '#db4437'
- value: 1800
color: '#0000ff'
- type: custom:mini-graph-card
icon: mdi:air-purifier
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.purpleair_indoor_aqi
name: AQI
color_thresholds:
- value: 0
color: '#43a047'
- value: 160
color: '#ffa600'
- value: 200
color: '#db4437'
- type: custom:mini-graph-card
icon: mdi:lungs
card_mod:
style: |
ha-card { padding: 0 !important; }
entities:
- entity: sensor.owlet_spo2
name: 👶 Oxy
color_thresholds:
- value: 0
color: '#db4437'
- value: 90
color: '#43a047'
- type: horizontal-stack
cards:
- camera_view: live
type: picture-glance
title: ' '
entities: []
camera_image: camera.front_door
aspect_ratio: '16:9'
entity: camera.front_door
- camera_view: live
type: picture-glance
title: ' '
entities: []
camera_image: camera.backyard
aspect_ratio: '16:9'
entity: camera.backyard
- camera_view: live
type: picture-glance
title: ' '
entities: []
camera_image: camera.192_168_0_180
aspect_ratio: '16:9'
entity: camera.192_168_0_180
- square: false
columns: 6
type: grid
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.left_bed_light_socket
name: Left Bed
icon: mdi:lamp
show_state: true
icon_height: 30px
card_mod:
style: |
ha-card { padding: 6% 0 !important; }
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.right_bed_light_socket
name: Right Bed
icon: mdi:lamp
show_state: true
icon_height: 30px
card_mod:
style: |
ha-card { padding: 6% 0 !important; }
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
name: Patio
icon: mdi:string-lights
show_state: true
entity: switch.patio_lights_socket_1
icon_height: 30px
card_mod:
style: |
ha-card { padding: 6% 0 !important; }
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.living_room_light_socket_1
name: Living Room
icon: mdi:floor-lamp
show_state: true
icon_height: 30px
card_mod:
style: |
ha-card { padding: 6% 0 !important; }
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.man_cave_lamp_socket
icon: mdi:floor-lamp-dual
name: Mancave
show_state: true
icon_height: 30px
card_mod:
style: |
ha-card { padding: 6% 0 !important; }
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: lock.front_door_2
show_state: true
icon_height: 30px
card_mod:
style: |
ha-card { padding: 6% 0 !important; }
view_layout:
grid-area: main
- type: vertical-stack
cards:
- type: custom:clock-weather-card
entity: weather.home
sun_entity: sun.sun
weather_icon_type: line
animated_icon: true
forecast_days: 3
locale: en-US
time_format: 24
hide_today_section: false
hide_forecast_section: false
hide_clock: false
hide_date: false
- initial_view: dayGridMonth
type: calendar
entities:
- calendar.aleksey
card_mod:
style:
ha-full-calendar:
$: |
.header {
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
.header h1 {
font-size: 16px;
margin: 0;
word-wrap: nowrap;
}
#calendar {
min-height: 262px !important;
}
.controls div:last-child {
display: flex;
flex-direction: row;
flext-wrap: nowrap;
}
.today {
margin-right: 0 !important;
margin-inline-end: 0 !important;
}
- type: horizontal-stack
cards:
- hours_to_show: 6
graph: line
type: sensor
entity: sensor.envoy_xxx_current_power_production
detail: 2
name: Primary
- hours_to_show: 6
graph: line
type: sensor
entity: sensor.envoy_xxx_current_power_production
detail: 2
name: Secondary
view_layout:
grid-area: sidebar
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment