From b798523d53383accbe18ce061386e63cd873c314 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Fri, 29 Jan 2021 17:19:01 +0100
Subject: [PATCH] Fix map editor (#8280)

---
 .../config-elements/hui-map-card-editor.ts    | 22 +++++++++----------
 src/panels/map/ha-entity-marker.js            |  4 ++--
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/panels/lovelace/editor/config-elements/hui-map-card-editor.ts b/src/panels/lovelace/editor/config-elements/hui-map-card-editor.ts
index 714dc8deb1..39dde0b377 100644
--- a/src/panels/lovelace/editor/config-elements/hui-map-card-editor.ts
+++ b/src/panels/lovelace/editor/config-elements/hui-map-card-editor.ts
@@ -96,37 +96,37 @@ export class HuiMapCardEditor extends LitElement implements LovelaceCardEditor {
     return html`
       <div class="card-config">
         <paper-input
-          .label=${this.hass.localize(
+          .label="${this.hass.localize(
             "ui.panel.lovelace.editor.card.generic.title"
           )}
           (${this.hass.localize(
             "ui.panel.lovelace.editor.card.config.optional"
-          )})
+          )})"
           .value=${this._title}
           .configValue=${"title"}
           @value-changed=${this._valueChanged}
         ></paper-input>
         <div class="side-by-side">
           <paper-input
-            .label=${this.hass.localize(
+            .label="${this.hass.localize(
               "ui.panel.lovelace.editor.card.generic.aspect_ratio"
             )}
             (${this.hass.localize(
               "ui.panel.lovelace.editor.card.config.optional"
-            )})
+            )})"
             .value=${this._aspect_ratio}
             .configValue=${"aspect_ratio"}
             @value-changed=${this._valueChanged}
           ></paper-input>
           <paper-input
-            .label=${this.hass.localize(
+            .label="${this.hass.localize(
               "ui.panel.lovelace.editor.card.map.default_zoom"
             )}
             (${this.hass.localize(
               "ui.panel.lovelace.editor.card.config.optional"
-            )})
+            )})"
             type="number"
-            .value="${this._default_zoom}"
+            .value=${this._default_zoom}
             .configValue=${"default_zoom"}
             @value-changed=${this._valueChanged}
           ></paper-input>
@@ -145,14 +145,14 @@ export class HuiMapCardEditor extends LitElement implements LovelaceCardEditor {
             ></ha-switch
           ></ha-formfield>
           <paper-input
-            .label=${this.hass.localize(
+            .label="${this.hass.localize(
               "ui.panel.lovelace.editor.card.map.hours_to_show"
             )}
             (${this.hass.localize(
               "ui.panel.lovelace.editor.card.config.optional"
-            )})
+            )})"
             type="number"
-            .value="${this._hours_to_show}"
+            .value=${this._hours_to_show}
             .configValue=${"hours_to_show"}
             @value-changed=${this._valueChanged}
           ></paper-input>
@@ -169,7 +169,7 @@ export class HuiMapCardEditor extends LitElement implements LovelaceCardEditor {
         </h3>
         <div class="geo_location_sources">
           <hui-input-list-editor
-            inputLabel=${this.hass.localize(
+            .inputLabel=${this.hass.localize(
               "ui.panel.lovelace.editor.card.map.source"
             )}
             .hass=${this.hass}
diff --git a/src/panels/map/ha-entity-marker.js b/src/panels/map/ha-entity-marker.js
index 67250aaa9b..ca1ccc71d9 100644
--- a/src/panels/map/ha-entity-marker.js
+++ b/src/panels/map/ha-entity-marker.js
@@ -23,8 +23,8 @@ class HaEntityMarker extends EventsMixin(PolymerElement) {
           font-size: 1.5em;
           border-radius: 50%;
           border: 0.1em solid var(--ha-marker-color, var(--primary-color));
-          color: rgb(76, 76, 76);
-          background-color: var(--light-primary-color);
+          color: var(--primary-text-color);
+          background-color: var(--card-background-color);
         }
         iron-image {
           border-radius: 50%;