Broken Theme

[HeyItsJono]

Hey there, this is the first time I've installed a HA theme so I may have done something wrong, but I've followed the install instructions to a tee and yet the HaCasa example dashboard is broken when I try to view it:

I made a backup, installed the 5 prerequisite dependencies via HACS, copied the dashboard & custom_icons folders to my HA root, made a themes folder there and copied the HaCasa folder across into it, put the weather-icons in the appropriate subfolder under www, added the HaCasa code to my config.yaml, and enabled the theme in my Profile.

My config looks like this:

# Enable custom theme support
frontend:
  themes: !include_dir_merge_named themes

#### HaCasa Theme ####
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
    - url: "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900"
      type: css
  dashboards:
    hacasa-dashboard:
      mode: "yaml"
      title: HaCasa
      icon: mdi:script
      show_in_sidebar: true
      filename: "dashboard/HaCasa/main.yaml"
#######################

The theme looks quite pretty, I'd love some help in getting it running if you can spare some time :)

[cilwang]

same problem here, help would be much appreciated. It seems that the path for button-cards is not correct (I don't have a /hacfiles/ directory, but a /www/community/button-cards/button-cards.js but even writng the correct path to the configuration yaml didn't fix the problem...

[damianeickhoff]

@HeyItsJono its because the sensor sensor.round_temp doesn't exists which is possible, because I created that sensor myself. Apparently I didn't remove it from the weather card en the triple sensor card.

I also noticed there on the example dashboards, but that needs modification by the user itself.

If you create the sensor.round_temp yourself or replace it with your own temperature sensor, it will all be fine!

[damianeickhoff]

@cilwang the path is correct. HomeAssistant handles its paths in a different way that we can see. So /www/community is the way we see it but hacsfiles is the way HomeAssistant sees it.

If you still have the problem, please create an issue so I can help you with it (add screenshot or error message to it).

[HeyItsJono]

@HeyItsJono its because the sensor sensor.round_temp doesn't exists which is possible, because I created that sensor myself. Apparently I didn't remove it from the weather card en the triple sensor card.

I also noticed there on the example dashboards, but that needs modification by the user itself.

If you create the sensor.round_temp yourself or replace it with your own temperature sensor, it will all be fine!

Is that the case for everything on the example dashboard though? Because literally everything on every tab is errors for me.