Change Label Card Text Color

[JustinG]

@sidamos

Pity that you can’t use props in the stylesheet section of the definition.

You can achieve the effect by using the style property to set a css variable from the props, and then use that variable in the stylesheet. Something like this:

- component: oh-label-card
  config:
    noShadow: true
    item: =props.item
    fontSize: =props.fontSize
    style:
      --widget-line-height: =props.lineHeight || 1
    stylesheet: >
      .item-content {
         padding: 0;
         line-height: var(--widget-line-height);
      }