diff --git a/src/dialogs/more-info/more-info-related-info.ts b/src/dialogs/more-info/more-info-related-info.ts index 97f5a76b51..575721dd40 100644 --- a/src/dialogs/more-info/more-info-related-info.ts +++ b/src/dialogs/more-info/more-info-related-info.ts @@ -1,9 +1,11 @@ import { HassEntity } from "home-assistant-js-websocket"; import { css, html, LitElement, TemplateResult } from "lit"; import { customElement, property } from "lit/decorators"; +import { styleMap } from "lit/directives/style-map"; import memoizeOne from "memoize-one"; import { fireEvent } from "../../common/dom/fire_event"; import { computeStateDisplay } from "../../common/entity/compute_state_display"; +import { stateColor } from "../../common/entity/state_color"; import { stateIconPath } from "../../common/entity/state_icon_path"; import "../../components/ha-chip"; import "../../components/ha-chip-set"; @@ -60,6 +62,7 @@ class MoreInfoContent extends LitElement { entity, this.hass!.locale ); + const color = stateColor(entity); return html`