Two different colors for names

Share your Projects! Dashboards & Frontend
1

Hi
Is it possible to set two different colors?
What I mean:
image

The word Fan big room color Black or other
The word use followed by the value in red.

 entities:
      - entity: switch.sonoff_10004b49a1
        name: Fan big room
        style: |
              ha-card {
              color: #006400
              }
        icon: mdi:fan
        type: custom:multiple-entity-row
        toggle: true
        state_color: true
        entities:
          - entity: sensor.use_fan_big_room_w
            unit: W
            name: USE

        card_mod:
          style: |
            :host {
              color:
              {% if states('sensor.zuzycie_g_duzy') <= '0' %}
                #006400
              {% else %}
                #ff1c1c
              {% endif %}
                }

Currently I have yes, but it changes the color of the two words.

Adding it doesn’t change anything:

        style: |
              ha-card {
              color: #006400
              }
2

The color of the word “use” and the value can be modified as follows:

  style: |
        .entity span {
           color: white !important;
           }
        .entity {
           color: white !important;
           }
3

This kind of styling may be done by card-mod.
For multiple-entity-row it is described here.

Examples for colored text:
изображение
изображение
изображение