Dark theme + dashboard for Home Assistant. Here's what goes where and the extra bits you need to set up by hand.
| File in this repo | Put it at | What it is |
|---|---|---|
configuration.yaml |
/config/configuration.yaml |
Main HA config (merge with yours — see network notes below) |
automations.yaml |
/config/automations.yaml |
Automations |
themes/theme.yaml |
/config/themes/theme.yaml |
The Zuhause dark theme |
raw_configuration.yaml |
not a file you copy — paste into the dashboard | Dashboard layout (see below) |
After copying, restart HA (or Developer Tools → YAML → Reload Themes), then pick Zuhause under Profile → Theme.
raw_configuration.yaml is a dashboard export, not an included file. Create a dashboard, open it,
then ⋮ (top-right) → Edit Dashboard → ⋮ → Raw configuration editor and paste the whole file in.
The theme uses the font but does not load it. Add it as a dashboard resource:
Settings → Dashboards → ⋮ (top-right) → Resources → Add Resource
- URL:
https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100..900&display=swap - Type:
Stylesheet
(Prefer no external calls? Drop a .woff2 + a small @font-face CSS into /config/www/ and add
that as a resource pointing at /local/<your-file>.css instead.)
The theme and dashboard depend on these (install via HACS → Frontend):
- card-mod — theme styling +
card_modused across the dashboard - bubble-card
- button-card
- mini-graph-card
- modern-weather-card
- mediocre-media-player-card
- paper-buttons-row
- hass-selfhst-icons — referenced by
extra_module_urlinconfiguration.yaml(remove that line if you don't use it)
homeassistant: packages: !include_dir_named packages— expects a/config/packagesfolder (not in this backup); create it or remove the line (uncommented)rest_command+ theShelly Plug LEDtemplate switch point at a Shelly at192.168.1.132— retarget or delete- Entity IDs in
automations.yaml/ the dashboard reference my devices — adjust to yours