-
Install and configure HACS
-
Within HACS Frontend add the following repositories
-
Manually copy over these files from matt8707/hass-config
ui-lovelace.yaml
button_card_templates
folderpopup
folderthemes.yaml
sidebar.yaml
-
In
configuration.yaml
add lines [docs]frontend: !include themes.yaml template: !include sidebar.yaml lovelace: mode: yaml resources: - url: /hacsfiles/button-card/button-card.js type: module - url: /hacsfiles/lovelace-layout-card/layout-card.js type: module - url: /hacsfiles/swipe-card/swipe-card.js type: module
-
Restart Home Assistant
-
Select dark mode and tablet theme ← DON'T SKIP THIS STEP!
Then add your entities, browser_mod for popups etc...
Why is the text in popups inverted? You didn't select dark mode in your user profile
Why does a broken icon appear when I toggle a button? You need to add www/loader.svg
How do I add fonts? Copy www/fonts.css and read the comment in that file
How do I get the tilt effect? Add www/vanilla-tilt.min.js
In the update popup I get an error saying "marked" You need to add www/marked.min.js to parse hass release notes
How do I get popups to work? Read the the browser_mod documentation