Mushroom Light Card, how can I display both color temperature and brightness slider in one mashroom card.
In default setting, I see only one slider, to see another slider I have to tap on icon to change the slider
Here is a version for light cards
it takes into account whether or not a light has a brightness attribute, whether the light is on or not, and whether it has RGB values or not.
I would like to ask if there is a way to display additional information on this card?
I would like to display an air conditioning switch-off timer in the empty part on the left.
What are the options?
Entity: timer.climate_off_timer
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
card_mod:
style:
mushroom-shape-icon$: |
.shape {
{% if not is_state('climate.nappali_klima', 'off') %}
position: relative;
}
.shape:after {
content: ' ';
position: absolute;
width: inherit;
height: inherit;
border-radius: 500px;
border: 2px solid #ADFF2F;
border-left-color: transparent;
animation: spin 1s linear infinite;
{% endif %}
}
.: |
:host {
{% set sensor_dws_state =
(is_state('binary_sensor.dws_nappali_bal_contact', 'on') or is_state('binary_sensor.dws_nappali_jobb_contact', 'on')) %}
{% set sensor_zone_state =
(is_state('binary_sensor.zone_nappali_bal_abl_open', 'on') or is_state('binary_sensor.zone_nappali_jobb_abl_open', 'on')) %}
{% if sensor_dws_state and sensor_zone_state %}
--ha-card-box-shadow: 0 0 10px red;
{% elif not sensor_dws_state and not sensor_zone_state %}
--ha-card-box-shadow: none;
{% elif sensor_dws_state and not sensor_zone_state %}
--ha-card-box-shadow: 0 0 10px orange;
{% else %}
--ha-card-box-shadow: 0 0 10px grey;
{% endif %}
}
ha-card {
{% if is_state('binary_sensor.zone_nappali_pir_open', 'on') %}
--card-primary-color: red;
{% else %}
--card-primary-color: inherit;
{% endif %}
height:70px !important;
}
secondary: >-
{{states('sensor.nappali_e6b0_temperature') | float(default=0) |
round(1)}} °C
{{states('sensor.nappali_e6b0_humidity') | float(default=0) |
round(1)}} %
icon: mdi:sofa
entity: light.led_driver_nappali_padlo
tap_action:
action: navigate
navigation_path: /dashboard-kezelfelulet/nappali
hold_action:
action: toggle
icon_color: |-
{% if is_state('light.led_driver_nappali_padlo','on') %}
orange
{% endif %}
multiline_secondary: true
badge_color: >-
{% set cover_position = state_attr('cover.redony_nappali',
'current_position') %}
{% if cover_position is defined %}
{% if cover_position == 0 %}
red
{% elif cover_position == 100 %}
green
{% else %}
yellow
{% endif %}
{% else %}
grey
{% endif %}
badge_icon: >-
{% set cover_position = state_attr('cover.redony_nappali',
'current_position') %}
{% if cover_position is defined %}
{% if cover_position == 0 %}
mdi:window-shutter
{% elif cover_position == 100 %}
mdi:window-shutter-open
{% else %}
mdi:window-shutter
{% endif %}
{% else %}
mdi:window-shutter-cog
{% endif %}
primary: Nappali
Always check that your template actually works in the template editor (of course replacing the config.entity or entity shorthand with an actual entity)
Keep in mind that neither of these will fix the fact that the controls will not invert. These are made with javascript so cant be modified with card mod. So in either case when you try to move the slider right it will move left with the below applied.
