From 2e24d8801183d0872214c6af296669d065ee6dce Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 5 Apr 2024 13:24:48 +0200
Subject: [PATCH] add fallback variable for color to body layout

---
 .../packages/core/components/body-layout/body-layout.element.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts
index 1d589df449..22be2b754a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts
@@ -134,7 +134,7 @@ export class UmbBodyLayoutElement extends LitElement {
 		css`
 			:host {
 				display: flex;
-				background-color: var(--uui-color-background);
+				background-color: var(--umb-body-layout-color-background, var(--uui-color-background));
 				width: 100%;
 				height: 100%;
 				flex-direction: column;