/lovelace-area-background

Sets the background of your Home Assistant view to match the picture of a specific area

Primary LanguageJavaScriptMIT LicenseMIT

Area Background

Sets the background of your Home Assistant view to match the picture of a specific area.

Preview

Dark Theme:

Dark Theme

Light Theme:

Light Theme

Usage

You can use this plugin in 2 ways - UI or YAML

UI

  1. Open a lovelace dashboard, then enter edit mode by clicking more icon in the top right corner, then click Edit Dashboard.
  2. Open View Configuration by clicking pencil icon next to a view name or icon.
  3. You can see additional select field Area Background where you can select one of existing areas
  4. Save the configuration

YAML

Add next line

area_background: area_id

to the view config. You can find id of the area by going into Settings -> Areas & Zones and opening any area, then just copy last part of the URL in a browser (after /area/).