Creating slider cards - hue-style, helper, light, input_boolean

Hello friends, the following technical specifications:

Light switch - Zigbee

4x helper, input_boolean, for switching the lamps

4x helper group
to change the brightness

HACS-AddOns installed:

button-card, card-mod, layout-card, light-entity-card, mushroom-cards, slider-entity-row

The helpers are used to start a flow in Node_Red.
Unfortunately, the desired automation did not work in HA and the configuration was clearer in Node_Red.

Now to the actual problem:

I was looking for visually appealing cards and came across the HACS addon hue-like-light-cards
(GitHub - Gh61/lovelace-hue-like-light-card: This card provides a Hue-like way to control your lights in Home Assistant.)
bumped.

Unfortunately this add-on is not compatible with input_boolean switches, so I tried to create my own cards. And here the disaster begins.

After a lot of back and forth, I just can’t manage to change the background of the individual map sections and certainly not to make it bland, like in the hue-like-light-card.

Here is the current code of the card

type: entities
entities:
  - entity: light.wz_deckenlicht_schneid_licht
    name: main switch
    icon: mdi:ceiling-light-multiple
  - type: divider
  - entity: input_boolean.1er_ceilinglight
    state_color: true
  - type: custom:slider-entity-row
    entity: light.1er_deckenlicht_gruppe
    full_row: true
  - type: divider
  - entity: input_boolean.2er_ceilinglight
  - type: custom:slider-entity-row
    entity: light.2er_deckenlicht_gruppe
    full_row: true
  - type: divider
  - entity: input_boolean.3er_ceilinglight
  - type: custom:slider-entity-row
    entity: light.3er_deckenlicht_gruppe
    full_row: true
  - type: divider
  - entity: input_boolean.5er_ceilinglight
  - type: custom:slider-entity-row
    entity: light.5er_deckenlicht_gruppe
    full_row: true

I rebuilt the card what felt like 100 times, worked with the developer tools, tried to work with card_mod, but unfortunately nothing helped. I only managed to change the background of the element: - entity: input_boolean.1er_deckenlicht once, but not the entire map section (

- entity: input_boolean.1er_ceilinglight
    state_color: true
  - type: custom:slider-entity-row
    entity: light.1er_deckenlicht_gruppe
    full_row: true)

Could someone please help me with this problem or at least tell me an extension/add-on where I can create something like this?

The goal is to create individual groupings in the map, as seen in the image above - between the divider (could only post one image), use the input_boolean for switching and then use the respective light group for dimming. The background should also adapt, as with the Hue cards. Ideally, the background color should be visible across the entire element.

Thank you !