Icon color always black - customize ignored

[Masterz69]

See icons in table in black color, while it colored in entity card:

          - type: 'custom:flex-table-card'
            clickable: true
            entities:
              include:
                - sensor.*_battery_level
            sort_by: friendly_name
            columns:
              - data: icon
                name: ''
              - data: friendly_name
                name: Name
                modify: '(x+"").replace(/ battery level$/i,"")'
              - data: state
                name: "Charge"
                fmt: number
                align: right
                suffix: ' %'
              - data: last_updated
                name: "in Min."
                align: right
                modify: Math.round((Date.now() - Date.parse(x)) / 600. / 100. )

In my case icon colors customized as follow:

  customize_glob:

    sensor.*_battery_level:
      templates: &battery_color
        icon_color: >
          if (state > 75) return 'green';
          if (state > 50) return 'gold';
          if (state > 25) return 'orange';
          if (state > 10) return 'brown';
          return 'red';

Functionality provided by custom-ui.

So far any part of HA UI using this customization (even bult-in entity properties card), but colors not show in flex-table-card.

[Masterz69]

One more case with icons:

In same table see icons for entities like sensor.*_wi_fi_signal_strength, but not for sensor.*_rssi.

          - type: 'custom:auto-entities'
            filter:
              include:
                - entity_id: sensor.*_rssi
                - entity_id: sensor.*_wi_fi_signal_strength
              exclude:
                - state: 'unavailable'
            card:
              type: 'custom:flex-table-card'
              clickable: true
              sort_by: state
              columns:
                - data: icon
                  name: ''
                - data: friendly_name
                  name: Name
                  modify: '(x+"").replace(/ RSSI$/i,"").replace(/ Wi-Fi signal strength$/i,"")'
                - data: state
                  name: "RSSI, dBm"
                  align: right
                  modify: 'isNaN(x) ? "-" : parseInt(x,10)'
                - data: last_updated
                  name: "Since"
                  align: right
                  modify: >
                    var minutes = Math.round((Date.now() - Date.parse(x)) /60000);
                    var hours = Math.round(minutes /60);
                    var days = Math.round(hours /24);
                    (days>0) ? days+"d" : ( hours>0 ? hours+"h" : minutes+"m" )
              css:
                table+: 'padding-top: 15px;'
                'tbody tr:nth-child(even)': 'background-color: #a2542f6;'
                td: 'padding: 5px 10px 5px 10px'
                th: 'padding: 5px 10px 5px 10px'

[Masterz69]

Just created more tables. Not customized icons shown in black.
Would be nice to show in same color as in other parts of HA UI.

[Masterz69]

Just discovered: if entity have no attribute name icon - it not appears in flex-table-card, but f.e. entity properties card show me icon, like demostrated before on RSSI entity case.

Somehow HA UI show icons which now specified as entity attribute - for RSSI, battery, may be some others.

[EdLeckert]

It's very complicated. I'm looking into it now.

[Masterz69]

Can You check this one, please - jcwillox/lovelace-paper-buttons-row#157 - hope it helps.

[EdLeckert]

The project you mention is a TypeScript project built against the HA Frontend framework. FlexTableCard is a standalone JavaScript app and does not have access to the features needed to dynamically adjust icons and their colors (unless I'm missing something).

[Masterz69]

The project you mention is a TypeScript project built against the HA Frontend framework. FlexTableCard is a standalone JavaScript app and does not have access to the features needed to dynamically adjust icons and their colors (unless I'm missing something).

I see. I'm using custom-ui integration which can add attributes icon and icon_color.
So, attribute icon is used by flex-table-card and this is cool.

Is it possible to add support for attibute icon_color ?
If it exists and contain color name/definition - draw icon in specified color.
Will really appreciate that functionality.