Card_mod -how to change icon color

[Spartacus]

Hi,

how can I change the icon color in my entity card, “Bad”?

type: entities
title: Test
card_mod:
  style:
    .card-content:
      div:
        hui-input-select-entity-row $ hui-generic-entity-row ha-select $: |
          span#label {
            --mdc-select-label-ink-color: orange;
            --mdc-theme-primary: orange;
          }
    .: |
      ha-card {
        --ha-card-border-radius: 0px;
        --ha-card-border-color: #3c3c3c;
        --ha-card-border-width: 1px;
      }
entities:
  - entity: input_select.pr_wz_li
    name: Bad
    icon: mdi:abacus
    card_mod:
      style: |
        :host {
          --mdc-select-idle-line-color: #008000;
          --mdc-select-hover-line-color: lime;
          --mdc-theme-primary: lime;
          --mdc-select-fill-color: none;

          }
        ha-select::after {
          content: "bitte ein Program auswählen";
          font-size: 8px;
          color: orange;
          padding-left: 12px;
        }

[AutoDIY (Ettore)]

Hello,

maybe this:

    card_mod:
      style: |
        :host {
          --mdc-select-idle-line-color: #008000;
          --mdc-select-hover-line-color: lime;
          --mdc-theme-primary: lime;
          --mdc-select-fill-color: none;
          --card-mod-icon-color: green;
          }

[Spartacus]

Thank you,

I found this solution. Works also perfect!

    card_mod:
      style:
        .: |
          :host {
          --mdc-select-idle-line-color: #008000;
          --mdc-select-hover-line-color: lime;
          --mdc-theme-primary: lime;
          --mdc-select-fill-color: none;

          }
          ha-select::after {
            content: "bitte ein Programm auswählen";
            font-size: 8px;
            color: orange;
            padding-left: 12px;
            display:block;
            margin-top: 4px;
            margin-left: -10px;
          }
        hui-generic-entity-row $: |
          state-badge {
            #display: none;
            color: red;
          }