sure can, here you go. FYI some of the cards like the tv remote are messy as I just used my old button card code from like a year ago and havnt cleaned it up, its on my todo list to redo that.
here is a link to my lovelace code as its to long to post here:
the TV remote is a bit of a mess tbh, im going to redo it with new stuff I have learnt and make it cooler. next on my project list. its made from custom button cards and vertical stacks with custom:layout-card as formatting for each row. I use this to set the columns:
layout_options:
grid-template-columns: 35px 1fr 1fr 1fr 0px
for the chips at the top I make a master card using condition chips with all the chips I want to show at different times/situations then I copy the code and paste it to every view. best to do this in yaml view to save time.
Hamburger view is a chip and the I use card mod to remove the home assistant menu, here is the card mod code for your themes mushroom yaml:
This work is amazing, game changer! Completely redid my mobile dashboard thank you!
One question / request. I have some light dimmers but no color, the sliders are gold but my dashboard is blue and black. Any way to change to a custom color?
This is amazing, and I am so thankful that you included your code and the photos! Really helpful to be able to see what it should look like and how to get there. 1 question though, you have quite a lot of sensors, input booleans, and binary sensors which control a lot of the conditional chips. Are you able to share how you created those? Like home_away and the number of people home specifically!
Awesome additions! Just when I think I am as happy as can be with my new dashboards, these little tweaks go in and things keep getting better!
Just a note about the latest release. If you’ve set any cards to ‘vertical: true’, you’ll have to remove that line for the yaml in order to get back to the visual editor. This is due to the new syntax for the card layouts.
For the home/away its just an input boolean (helper) that is turned on/off via device tracking, I use it to start my home/away scripts and to choose what chips should be shown.
number of people is a template sensor, I have added some useful templates below for your reference:
sensor:
time_of_day:
value_template: >
{% if now().hour < 5 %}Night{% elif now().hour < 12 %}Morning{% elif now().hour < 18 %}Afternoon{% else %}Evening{% endif %}
ha_update_available:
friendly_name: "HA Update Available"
value_template: >-
{{ not is_state( "sensor.ha_available_version", states("sensor.ha_current_version") ) }}
number_of_persons_home:
friendly_name: "Number of persons home"
icon_template: mdi:account-circle
value_template: >-
{% set count = namespace(value=0) %}
{% for entity_id in state_attr('group.home_users','entity_id') %}
{% if (states(entity_id) == 'home') %}
{% set count.value = count.value + 1 %}
{% endif %}
{% endfor %}
{{ count.value }}
only_person_home:
friendly_name: "Only Person Home"
icon_template: mdi:account-circle
value_template: >-
{% for entity_id in state_attr('group.home_users','entity_id') %}
{% if (states(entity_id) == 'home') %}
{{ states[entity_id].attributes.friendly_name }}
{% endif %}
{% endfor %}
number_of_motion_sensors_on:
friendly_name: "Number of Motion Sensors On"
icon_template: mdi:run
value_template: >-
{% set count = namespace(value=0) %}
{% for entity_id in state_attr('group.all_motion_sensor_entities','entity_id') %}
{% if (states(entity_id) == 'on') %}
{% set count.value = count.value + 1 %}
{% endif %}
{% endfor %}
{{ count.value }}
only_motion_sensor_on:
friendly_name: "Only Motion Sensor On"
icon_template: mdi:run
value_template: >-
{% for entity_id in state_attr('group.all_motion_sensor_entities','entity_id') %}
{% if (states(entity_id) == 'on') %}
{{ states[entity_id].attributes.friendly_name }}
{% endif %}
{% endfor %}
only_light_on:
friendly_name: "Only Light On"
icon_template: mdi:lightbulb
value_template: >-
{% for entity_id in state_attr('group.all_light_entities','entity_id') %}
{% if (states(entity_id) == 'on') %}
{{ states[entity_id].attributes.friendly_name }}
{% endif %}
{% endfor %}
number_of_lights_on:
friendly_name: "Number of lights on"
icon_template: mdi:lightbulb
value_template: >-
{% set count = namespace(value=0) %}
{% for entity_id in state_attr('group.all_light_entities','entity_id') %}
{% if (states(entity_id) == 'on') %}
{% set count.value = count.value + 1 %}
{% endif %}
{% endfor %}
{{ count.value }}
hope this helps you, let me know if you need more info
I’m having doubts about how to use the chip cards in my layout. I want to center the chips above 2 columns (a bit like the badges would line out). At the moment I’m using the custom layout card to create a grid, this way it’s responsive and the dashboard works on all our devices. But the grid is more work to update, breaks the ui editor and makes the whole setup more complicated then needed.