🟣 Rounded - Dashboard guide

What is the yaml code to show 2 entities on the same graph (such as temperature and humidity for example) ?

As far as I know, this is not possible with the standard HA sensor graph card. Therefore use Mini-Graph Card from HACS.
You can add 2 sensors and also show 2 graphs.

Here an example. I’ve used Card-Mod to customize the mini-graph card, which will be my new header.

hey is it possible that someone could help me with my mediacard design? iam to dumb to do this :worried:

i want the same look like my other cards.

type: entities
entities:
  - type: custom:mini-media-player
    entity: media_player.sonos_roam
    group: true
    source: icon
    info: short
    hide:
      volume: true
      power: true
    card_mod:
      style: |
        ha-state-icon {
          color: black;
          primary-text-color: black;
          border-radius: 25px !important;
          border-style: none
         } 
         ha-card {
           font-family: "HK Nova";
            primary-text-color: black;
        }
  - type: custom:mushroom-chips-card
    alignment: end
    chips:
      - type: entity
        entity: script.do_912
        tap_action:
          action: toggle
        content_info: name
        name: DO 91,2
      - type: entity
        entity: script.media_play_1live
        tap_action:
          action: toggle
        content_info: name
        name: 1LIVE
      - type: entity
        entity: script.media_play_antenen_unna
        tap_action:
          action: toggle
        content_info: name
        name: Antenne Unna
      - typ: entity
        entity: sensor.sonos_roam_batterie
    card_mod:
      style: |
        ha-card {
         --chip-background: transparent;
          font-family: "HK Nova";
          --primary-text-color: black; 
         }
  - type: custom:mini-media-player
    entity: media_player.unnamed_room
    group: true
    source: icon
    info: short
    hide:
      controls: true
    card_mod:
      style: |
        ha-state-icon {
          color: white;
          border-radius: 25px !important;
          border-style: none
         }   
         ha-card {
           font-family: "HK Nova";
        } 
  - type: custom:mushroom-chips-card
    alignment: end
    chips:
      - type: entity
        entity: script.do_912
        tap_action:
          action: toggle
        content_info: name
        name: DO 91,2
      - type: entity
        entity: script.media_play_1live
        tap_action:
          action: toggle
        content_info: name
        name: 1LIVE
      - type: entity
        entity: script.media_play_antenen_unna
        tap_action:
          action: toggle
        content_info: name
        name: Antenne Unna
      - typ: entity
        entity: sensor.unnamed_room_batterie
    card_mod:
      style: |
        ha-state-icon {
          color: black;
          primary-text-color: black;
          border-radius: 25px !important;
          border-style: none
         } 
        ha-card {
         --chip-background: transparent;
          font-family: "HK Nova";
         
          --primary-text-color: black; 
         } 
theme: Rounded
state_color: true
card_mod:
  style: |
    ha-card {
    background-color: var(--black7);
    primary-text-color: black;
    secondary-text-color: black;
    box-shadow: 10px 12px 24px 0px rgba(0,0,0,0.66) !important;  
    border-radius: 36px 36px 36px 36px !important; 
    } 

Have you manually added HK Nova font to your resources? Though, this is a paid font. There is one font type the medium version available for free on certain platforms.

Yes, manually added! But the Font is not the problem.

I would use a custom button card as “container”. Style it so that the icons and stuff fit. Then add the media player cards as custom_fields. Set the icon of the media player card to none or set the width to 0. With the help of card_mod.
You get better control over the design with button card.

Very nice dash!

Do you want to share your room card code?

Thx!