Skip to main content

Configuration

Now that you've downloaded and uploaded all the necessarry files, we need to change some configuration to make this all work.

Theme​

To load the theme file, you will need to add this line to your configuration.yaml

frontend:
  themes: !include_dir_merge_named themes

This is needed to load custom themes (like HaCasa's).

UI Mode Not Supported​

Home Assistant does not allow you to !include folders and files in the UI-Mode. Therefore it can not be used with the template structure HaCasa uses. You can technically add the templates manually to the raw config, but this is not recommended and thus we can not support that way of using HaCasa. Also, only do this if you want to feel miserable 🥲.

Resources and YAML mode​

To use HaCasa, we need to add resources and add a YAML-Mode dashboard. That means that you can't change this dashboard through the UI, but only through YAML. So, add the following code to your configuration.yaml:

lovelace:
  mode: "storage"
  resources:
    - url: "/hacsfiles/button-card/button-card.js"
      type: "module"
    - url: "/hacsfiles/my-cards/my-cards.js"
      type: "module"
    - url: "/hacsfiles/kiosk-mode/kiosk-mode.js"
      type: module
  dashboards:
    HaCasa:
      mode: "yaml"
      title: HaCasa
      icon: mdi:script
      show_in_sidebar: true
      filename: "dashboard/HaCasa/main.yaml"

Save the file, then head back to your Home Assistant UI. From there, select Settings > Dashboards and click on the three vertical dots in the upper right corner. Select Resources, then click Add Resource in the bottom right.

If you don't see the three vertical dots, make sure you have Advanced Mode toggled on.

Enabled Advanced Mode by heading to your user profile (last entry in the sidebar), from here check under User Profile that Advanced Mode is toggled on.

Add the following for URL:

https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900

and select Stylesheet. Then click Create to finish of setting up this resource.

Now, restart Home Assistant and boom💥, you should be done. Also, don't forget to change the theme to HaCasa in your HA Profile. You can do that here.

Now, when everything is done, you should see a demo page with a few cards as example. Check out our cards and make it your own.