now i just found out in dev tools it says:
brightness: sensor.yucca_illuminance
that’s the error!..i had to use brightness!
omg!
prob solved!
thank you!
I am trying to chante the icon size and failing, i tried AI and this topic, but nohting seems to work. Anyone have an idea how to fix this?
type: custom:mushroom-template-card
primary: >-
{{ states('sensor.t_h_sensor_temperature') }} {{
state_attr('sensor.t_h_sensor_temperature', 'unit_of_measurement') }}
icon: mdi:forest-outline
secondary: Backyard
color: "#ffffff"
vertical: false
features_position: bottom
card_mod:
style:
ha-tile-info$: |
.primary {
font-size: 50px !important;
}
.secondary {
font-size: 20px !important;
}
.primary ::slotted(span) {
font-size: 50px !important;
}
.secondary ::slotted(span) {
font-size: 20px !important;
}
.: |
ha-card {
--card-primary-font-size: 70px;
--card-secondary-font-size: 20px;
--icon-primary-color:
{% set t = states('sensor.t_h_sensor_temperature') | float %}
{% if t < 5 %} rgb(34, 120, 243);
{% elif t < 15 %} rgb(34, 180, 90);
{% elif t < 21 %} rgb(0, 230, 180);
{% elif t < 27 %} rgb(0, 180, 90);
{% elif t < 32 %} rgb(255, 180, 0);
{% else %} rgb(255, 80, 0);
{% endif %}
--card-primary-color: var(--icon-primary-color);
}
I had something similar and remember the solution involved a scale parameter but can’t remember or find the exact code. Sorry.
After “chatting” with 3 AIs I figured it out, icon area + icon size gets increased by
card_mod:
style:
ha-tile-icon$: |
.container {
width: 45px !important;
height: 26px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.: |
ha-state-icon {
--mdc-icon-size: 35px;
}