INSTALL.md

Installation

• Install and configure HACS

• Within HACS Frontend add the following repositories

  • button-card
  • card-mod
  • layout-card
  • Swipe Card

• Manually copy over these files from matt8707/hass-config

  • ui-lovelace.yaml
  • button_card_templates folder
  • popup folder
  • themes folder
  • sidebar.yaml

• In configuration.yaml add lines [docs]

  frontend:
    extra_module_url:
      - /hacsfiles/lovelace-card-mod/card-mod.js
    themes: !include_dir_merge_named themes
  
  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

Something isn't working!

1. Read the documentation for that card e.g. https://github.com/custom-cards/button-card
2. Search forum topic e.g. https://community.home-assistant.io/t/lovelace-button-card/65981
3. This is not a help center for everything Home Assistant

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

In the update popup I get an error saying "marked"
Add www/marked.min.js and under resources add that file as a module

How do I get the tilt effect?
Add www/vanilla-tilt.min.js and under resources add that file as a module

How do I add fonts?
Copy www/fonts.css and read the comment in that file and under resources add that file as css

How do I get popups to work?
Read the the browser_mod documentation