card-mod-themes: "class" is not set for a row

[ildar170975]

My Home Assistant version: 2021.12.7

My lovelace configuration method (GUI or yaml): yaml/GUI

What I am doing: Trying to use these method: https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes#classes

1. Specified a theme for rows of some class.
2. Set this class for some row.

What I expected to happen: The style is applied to the row.

What happened instead: The style is NOT applied to the row.

Minimal steps to reproduce:

  card-mod-row: |
    :host(.class-row-red) {
      color: red;
      --paper-item-icon-color: red;
    }

  - type: entities
    entities:
      - entity: input_number.test_number
        class: class-row-red

What I see in Code Inspector:

If I set the class manually: then the style is applied:

Error messages from the browser console: none

By putting an X in the boxes ([]) below, I indicate that I:

• [x] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).

• [x] Have made sure I am using the latest version of the plugin.

• [x] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

• [x] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[ildar170975]

Got it working!

  - type: entities
    entities:
      - entity: input_number.test_number
        card_mod:
          class: class-row-cyan

Use the class under the card_mod keyword.