Skip to content

Latest commit

 

History

History
59 lines (43 loc) · 2.21 KB

INSTALL.md

File metadata and controls

59 lines (43 loc) · 2.21 KB

Installation

  • 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 folder
    • popup folder
    • themes.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...

FAQ

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