From 70a920af3c1b67a0c7bf81a2d57aeb106cbb0561 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Sat, 23 Nov 2019 21:18:54 +0100
Subject: [PATCH] Add initial bg color to panels (#4268)

---
 src/panels/custom/ha-panel-custom.ts | 1 +
 src/panels/iframe/ha-panel-iframe.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/panels/custom/ha-panel-custom.ts b/src/panels/custom/ha-panel-custom.ts
index c9be5a5c15..fc4d302073 100644
--- a/src/panels/custom/ha-panel-custom.ts
+++ b/src/panels/custom/ha-panel-custom.ts
@@ -129,6 +129,7 @@ export class HaPanelCustom extends UpdatingElement {
         width: 100%;
         height: 100%;
         display: block;
+        background-color: var(--primary-background-color);
       }
     </style>
     <iframe></iframe>
diff --git a/src/panels/iframe/ha-panel-iframe.js b/src/panels/iframe/ha-panel-iframe.js
index f8de869342..c6321414ac 100644
--- a/src/panels/iframe/ha-panel-iframe.js
+++ b/src/panels/iframe/ha-panel-iframe.js
@@ -13,6 +13,7 @@ class HaPanelIframe extends PolymerElement {
           border: 0;
           width: 100%;
           height: calc(100% - 64px);
+          background-color: var(--primary-background-color);
         }
       </style>
       <app-toolbar>