My lovelace config

Jer78 · October 8, 2018, 8:07pm

A few people requested my lovelace config file. It’s still WIP but here’s the entire file below (about 2700 lines). A lot of my home screen is conditional and relies on template binary_sensors. As an example, if a motion sensor or harmony remote is on for that floor, it displays the media controls. I am not quite ready to post my entire yaml on github but if there’s something in particular that interests you feel free to ping me and I can fill in the pieces.

Please note, I am using quite a few custom cards that can be found around the forum…all credit of course goes to the original authors.

github.com

jer78/lovelace-config/blob/master/ui-lovelace.yaml

resources:
  - url: /local/custom_ui/weather-card.js
    type: js
  - url: /local/custom_ui/gauge-card.js?v=1
    type: js
  - url: /local/custom_ui/thermostat-card.js?v=2
    type: module
  - url: /local/custom_ui/dark-sky-weather-card.js?v=10
    type: js
  - url: /local/custom_ui/weather-card-mini.js?v=2
    type: js
  - url: /local/custom_ui/button-card.js
    type: module
  - url: /local/custom_ui/mini-media-player.js?v=2
    type: module
  - url: /local/custom_ui/slider-entity-row.js
    type: js
  - url: /local/custom_ui/card-modder.js
    type: js

This file has been truncated. show original

eliseomartelli · October 10, 2018, 2:28pm

Wow! That’s a pretty nice frontend!
How do you change the input_boolean colours depending on state?

Jer78 · October 10, 2018, 8:05pm

It’s a workaround for now, you will need to install the custom_ui and put the following in your config.yaml

customize_glob:
  input_boolean.*:
    custom_ui_state_card: state-card-custom-ui
    templates:
      icon_color: >
        if (state === 'on') return '#00bcd4' ; return '#B3B0AF';

eliseomartelli · October 11, 2018, 9:32am

Oh, ok!
I’m currently using MQTT switches to store the state of the configuration.

Thanks

Martin_Granger · October 11, 2018, 3:04pm

Thats pretty cool!

What browser are you viewing that in? The full screen looks great!

Jer78 · October 11, 2018, 5:33pm

It’s in iOS using the app

phdelodder · October 12, 2018, 11:08am

Can you give a screenshot of your cover setup?