#Lovelace Mini Graph Customization

1 messages · Page 1 of 1 (latest)

pliant prism
#

Hey all,
I am still very new to HA.
I am trying to create a horizontal stack with mini graphs. So far, two are okay but one looks off because of a different theme.
Is there a way to make the mini graph follow a "Mushroom Shadow" theme?

Here is my yaml and it is not working:

type: custom:mini-graph-card
name: RAM Usage
icon: mdi:memory
theme: Mushroom Shadow
entities:

  • entity: sensor.system_monitor_memory_usage
    line_width: 4
    font_size: 100
    show:
    icon: true
    name: true
    state: true
    labels: true
    fill: gradient
    state_adaptive_color: true
    color_thresholds:
  • value: 40
    color: "#2ecc71"
  • value: 55
    color: "#f1c40f"
  • value: 70
    color: "#f39c12"
  • value: 85
    color: "#e74c3c"
    hours_to_show: 4
    points_per_hour: 12
    update_interval: 300
    style: |
    ha-card {
    border-radius: 15px;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.1);
    font-family: 'Google Sans', sans-serif;
    }
    .state__value {
    font-weight: bold;
    }
Xnip2025-04-03_15-13-49.jpg
runic tusk
#

It looks like you're trying to use styling intended for card_mod but that is the old syntax. Provided you have card_mod installed, try changing to this: ```yaml
card_mod:
style: |
ha-card {
border-radius: 15px;
box-shadow: 3px 3px 6px rgba(0,0,0,0.1);
font-family: 'Google Sans', sans-serif;
}
.state__value {
font-weight: bold;
}

EDIT: Corrected typo.
ocean acorn
#

card_mod*