From 92a6133f863990b44b86f3d2fcede1f5cd5db43c Mon Sep 17 00:00:00 2001
From: c727 <crusader727@gmx.de>
Date: Sun, 8 Jul 2018 13:22:37 +0200
Subject: [PATCH] Add background settings for Lovelace (#5682)

* Add background settings for Lovelace

* Typo
---
 source/lovelace/index.markdown | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/source/lovelace/index.markdown b/source/lovelace/index.markdown
index f2b626a3dc3..b744540e5ad 100644
--- a/source/lovelace/index.markdown
+++ b/source/lovelace/index.markdown
@@ -41,11 +41,15 @@ Create a new file `<config>/ui-lovelace.yaml` and add the following content:
 
 ```yaml
 title: My Awesome Home
+# Optional background for all views. Check https://developer.mozilla.org/en-US/docs/Web/CSS/background for more examples.
+background: center / cover no-repeat url("/background.png") fixed
 views:
     # View tab title.
   - title: Example
     # Optional unique id for direct access /lovelace/${id}
     id: example
+    # Optional background (overwrites the global background).
+    background: radial-gradient(crimson, skyblue)
     # Each view can have a different theme applied. Theme should be defined in the frontend.
     theme: dark-mode
     # The cards to show on this view.