From af9417f2a6bd642c4d1ae737dc796b7ec1d4aca7 Mon Sep 17 00:00:00 2001
From: Adam Kapos <Nezz@users.noreply.github.com>
Date: Tue, 30 Apr 2024 22:12:36 +0300
Subject: [PATCH] Add theme support for dialog surface background (#20653)

* Add theme support for dialog surface background

* Change from review

* Change from review

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

* Run prettier

---------

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
---
 src/components/ha-dialog.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts
index 4d8980a037..5beea10a8a 100644
--- a/src/components/ha-dialog.ts
+++ b/src/components/ha-dialog.ts
@@ -127,6 +127,10 @@ export class HaDialog extends DialogBase {
         border-radius: var(--ha-dialog-border-radius, 28px);
         -webkit-backdrop-filter: var(--ha-dialog-surface-backdrop-filter, none);
         backdrop-filter: var(--ha-dialog-surface-backdrop-filter, none);
+        background: var(
+          --ha-dialog-surface-background,
+          var(--mdc-theme-surface, #fff)
+        );
       }
       :host([flexContent]) .mdc-dialog .mdc-dialog__content {
         display: flex;