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 <[email protected]> * Run prettier --------- Co-authored-by: Bram Kragten <[email protected]>
home-assistant · Apr 30, 2024 · af9417f · af9417f
1 parent 7120ad9
commit af9417f
Showing 1 changed file with 4 additions and 0 deletions.
diff --git 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;