YAMLing me crazy (cards and formatting)

Hi all,

I liked the round corners of the Palm Springs Theme very much. However I completely fail in integrating them to my own stuff.

I copied the clock card from the theme and it has round corners, so card-modder.js must be working.

But whenever I try to apply that to a card of my own, I completely fail.

This for example:

views:
  - badges:
      - person.thomas
      - person.larissa
      - weather.sunnysix
      - sun.sun
      - binary_sensor.treppe_sensor_motion
    cards:
      - entities:
          - entity: input_select.hue_groups
          - entity: input_select.hue_scenes
          - entity: script.set_hue_scene
        show_header_toggle: false
        theme: palms
        title: Licht
        type: entities
      - entities:
          - entity: cover.oeq1650506
          - entity: cover.oeq2688787
          - entity: cover.oeq2688791
          - entity: cover.oeq2686788
          - entity: cover.oeq2687097
          - entity: cover.oeq2687284
          - entity: cover.oeq2686992
        show_header_toggle: false
        title: Rolladen
        type: entities
      - entity: climate.heizen_oben
        name: Heizen oben
        type: thermostat
      - entity: climate.heizen_unten
        type: thermostat
    icon: 'mdi:home-heart'
    panel: false
    path: default_view
    title: Home

Can anybody give me a hint how to give the Hue and cover part round corners? I think I have a general lack of understanding here in regards to YAML. I tried countless variation where to put the style and type: custom:card-modder - nothing worked. I created everything, from cards WITH the corners, but red and showing errors, to cards that are not visible at all, to working cards but without the corners.

I even recreated single blocks from zero, following the scheme I believed to see in the yaml from the Palm Springs theme but failed again.

Okay I’m quite new to YAML but this seems like a basic thing to me that I should be able to adept easily and failing here since days, even after reading YAML introductions and so on and becoming better and better in scripts and automations really drives me crazy!

Thanks for any suggestions :slight_smile:

Kind regards,
Thomas

Update: I just learned about the card-mod addon and will go to use that, however I’m still interested in why I am failing with card-modder.js and how it should look to be working.

If you want all cards to have rounded corners just add this line to your theme:

  ha-card-border-radius: 20px
2 Likes

Cool, thank you!

But still curious what I should have done to get the corners in my example.