Change color of text based on state value

Configuration Frontend
21

Hi, Is it possible to have a different --secondary-text-color for multline secondary text? Please see my card details below.

type: custom:mushroom-template-card
primary: Browserless
secondary: >-
  {{ state_attr('switch.rajannas_docker_browserless', 'status') | title }}

  {{ 'Update-Ready' if not state_attr('switch.rajannas_docker_browserless',
  'uptoDate') else state_attr('switch.rajannas_docker_browserless', 'uptoDate')
  | title }}
icon_color: ''
fill_container: false
multiline_secondary: true
tap_action:
  action: more-info
hold_action:
  action: none
double_tap_action:
  action: call-service
  service: button.press
  target:
    entity_id: button.rajannas_docker_browserless_restart
picture: >-
  http://192.168.1.112:80/state/plugins/dynamix.docker.manager/images/Browserless-icon.png
icon: ''
entity: switch.rajannas_docker_browserless
card_mod:
  style: |
    ha-card {
      --secondary-text-color: {{ 'green' if is_state_attr('switch.rajannas_docker_browserless', 'status', 'started') else 'red' }};
      }

For my 1st secondary text, the card mode query below works.

card_mod:
  style: |
    ha-card {
      --secondary-text-color: {{ 'green' if is_state_attr('switch.rajannas_docker_browserless', 'status', 'started') else 'red' }};
      }

But I want the 2nd secondary text line below to show the text in Orange when it says ‘Update-Ready’ other wise in Green if value returns ‘Up-To-Date’

 {{ 'Update-Ready' if not state_attr('switch.rajannas_docker_browserless',
  'uptoDate') else state_attr('switch.rajannas_docker_browserless', 'uptoDate')
  | title }}

image

22

Hi there,

have you found a solution for changing the color of the second line unter 2nd multiline field?

25

Hi, not found a solution yet unfortunately!