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.