Card mod custom: auto-entities/fold-entity-row

Rasser · August 28, 2019, 6:16pm

Hi forum,
I have an issue changing the color of the font inside a custom:fold-entity-row card.
I try to change it to white, but it keeps staying black no matter what I try. How/Where do I insert the style for changing the color of the text?

- type: entities
  title: Alle Switch, lys og scripts
  show_header_toggle: false
  entities:
    - type: custom:auto-entities
      card:
        type: custom:fold-entity-row
        head:
          type: section
          label: Alle switches
      filter:
        include:
          - domain

hekm77 · August 28, 2019, 6:30pm

You can try it.
Works for me.

Rasser · August 28, 2019, 6:41pm

Works like a charm! But how do I implement another style for the ha-card with that?
When I try to add the following lines, nothing seems to work?

ha-card {
  background: rgba(20, 20, 20, 0.4);
  box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}

hekm77 · August 28, 2019, 6:59pm

- type: entities
  style:
    .: |
      ha-card {
        border-radius: 10px;
        border: solid 1px rgba(255, 255, 255, 0.15);
      }
    "#states div":
      fold-entity-row:
        $:
         "#head":
           entity-row-maker:
             hui-section-row:
               $: |
                 div.divider {
                   height: 0px;
                 }
                 div.label {
                   color: var(--secondary-text-color);
                   font-size: 1.2em;
                   font-weight: 400;
                   opacity: .75;
                   letter-spacing: var(--mcg-title-letter-spacing, normal);
                 }
  entities:
    - type: custom:fold-entity-row
      head:
        type: section
        label: ХХХХХХ
      entities:
        - sensor.ХХХХХХ

Rasser · August 28, 2019, 8:29pm

Thank you @hekm77! That was the solution I was searching for.