From 7a16961387e1be5e0b2826c722d732b09548dbd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Lov=C3=A9n?= <thomasloven@gmail.com>
Date: Thu, 7 Feb 2019 22:30:02 +0100
Subject: [PATCH] Add background and border-radius to themeable options for
 ha-card (#2700)

* Add background and border-radius to themeable options for ha-card

* Change variable names
---
 src/components/ha-card.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-card.js b/src/components/ha-card.js
index f497d69d02..bed6d2446f 100644
--- a/src/components/ha-card.js
+++ b/src/components/ha-card.js
@@ -9,9 +9,9 @@ class HaCard extends PolymerElement {
         :host {
           @apply --paper-material-elevation-1;
           display: block;
-          border-radius: 2px;
+          border-radius: var(--ha-card-border-radius, 2px);
           transition: all 0.3s ease-out;
-          background-color: var(--paper-card-background-color, white);
+          background: var(--ha-card-background, var(--paper-card-background-color, white));
           color: var(--primary-text-color);
         }
         .header {