Skip to content

v1.3.0 - Threshold Text Styling

Choose a tag to compare

@sxdjt sxdjt released this 19 Dec 05:24

Adds the ability to customize text appearance based on numeric thresholds, beyond just background colors.

New Features:

  • Threshold Text Color: Set text_color property on thresholds to customize text color for specific value ranges
  • Threshold Font Weight: Set font_weight property on thresholds to customize font weight (e.g., bold for critical values)
  • Enables better visual hierarchy when values cross important thresholds
  • Example: Display critical temperature readings in bold yellow text on red background

Example:

type: custom:indicator-grid-card
entities:
  - entity: sensor.temperature
    colors:
      thresholds:
        - value: 50
          color: blue
          text_color: white
          font_weight: normal
        - value: 80
          color: orange
          text_color: black
          font_weight: bold
        - value: 100
          color: red
          text_color: yellow
          font_weight: bold

Also in this release:

  • Added comprehensive CHANGELOG.md documenting all releases from v0.1.0 to present

Installation:
Download indicator-grid-card.js and copy to your Home Assistant /config/www/ directory, or install via HACS.