🔹 Card-mod - Add css styles to any lovelace card

Share your Projects! Dashboards & Frontend
3244

Styling text-divider-row:
изображение

type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: sun.sun
      - type: custom:text-divider-row
        text: default
      - entity: sun.sun
      - type: custom:text-divider-row
        text: modded
        card_mod:
          style: |
            :host {
              --text-divider-line-size: 5px;
              --text-divider-color: red;
              --text-divider-font-size: 10px;
              --text-divider-margin: 0px 4px 40px 64px;
            }
      - entity: sun.sun
      - type: custom:text-divider-row
        text: modded
        card_mod:
          style: |
            .text-divider {
              border-bottom: 3px dotted cyan !important;
            }
            .text-divider span {
              color: orange !important;
              background-color: green !important;
              padding-left: 32px !important;
              padding-right: 32px !important;
            }

More examples are described here.

3 Likes