used someone code for a thermostat for a room, but it put a green bar below and I can’t remove it.
type: custom:stack-in-card
keep:
margin: false
box_shadow: false
background: false
cards:
type: grid
square: false
columns: 2
cards:
type: custom:mushroom-template-card
style: |
ha-card {
padding-bottom: 1px !important;
}
primary: Thermostat
secondary: |
Currently: {{ state_attr(‘climate.living_room’, ‘hvac_action’) }}
icon: |-
{% set mode = states(‘climate.living_room’) %}
{% if mode == ‘off’ %}
mdi:power
{% elif mode == ‘cool’ %}
mdi:snowflake
{% elif mode == ‘heat’ %}
mdi:fire
{% elif mode == ‘heat_cool’ %}
mdi:autorenew
{% else %}
mdi:home-thermometer
{% endif %}
icon_color: |-
{% set status = state_attr(‘climate.living_room’,‘hvac_action’) %}
{% if status == ‘off’ %}
grey
{% elif status == ‘cooling’ %}
blue
{% elif status == ‘heating’ %}
red
{% else %}
grey
{% endif %}
tap_action: none
type: vertical-stack
cards:
type: custom:simple-thermostat
style: |
ha-card {
–st-spacing: 0px;
}
ha-card .current–value {
color: #ffffff;
}
header {
margin-bottom: 12px !important;
padding-bottom: 0px !important;
}
ha-card .thermostat-trigger {
color: #9e9e9e;
}
entity: climate.living_room
header:
name: false
icon: false
decimals: ‘0’
fallback: ‘Off’
hide:
temperature: true
state: true
layout:
mode:
names: false
icons: false
headings: false
step: row
step_size: ‘1’
control:
hvac:
‘off’: false
heat: false
cool: false
heat_cool: false
type: custom:mushroom-chips-card
style: |
ha-card {
–chip-box-shadow: none;
–chip-background: none;
}
alignment: justify
chips:
type: template
entity: climate.living_room
content: |
{{ state_attr(entity, ‘fan_mode’) }}
icon: mdi:fan
icon_color: green
tap_action: none
type: template
content: ‘{{state_attr(entity, ‘‘current_temperature’’)}} °F’
entity: climate.living_room
icon: mdi:home-thermometer
tap_action:
action: more-info
icon_color: |-
{% set state=states(entity) %}
{% if state==‘cool’ %}
blue
{% elif state==‘heat’ %}
red
{% else %}
grey
{% endif %}
type: weather
entity: weather.forecast_home
show_conditions: true
show_temperature: true
type: template
double_tap_action:
action: none
content: ‘{{ states(entity) }}% Humidity’
entity: sensor.living_room_humidity
icon: mdi:water
icon_color: blue
tap_action:
action: none
hold_action:
action: none
type: custom:simple-thermostat
style: |
ha-card {
–st-font-size-toggle-label: 6px
–st-spacing: 0px;
–st-default-spacing: 0px;
–st-mode-background: #262626;
margin-left: 12px;
margin-right: 12px;
}
ha-card .mode-item.active.off {
background: #363636;
color: #9e9e9e;
}
ha-card .mode-item.active.cool {
background: #1d3447;
color: #2196f3;
}
ha-card .mode-item.active.heat {
background: #472421;
color: #f44336;
}
ha-card .mode-item.active.heat_cool {
background: #493516;
color: #ff9800;
}
ha-card .mode-item.active {
background: #263926;
color: #4caf50;
}
ha-card .mode-item.active:hover {
background: #363636;
color: #9e9e9e;
}
ha-card .mode-item:hover {
background: #363636;
color: #9e9e9e;
}
ha-card .mode-item {
–st-spacing: 10px;
border-radius: 10px;
}
ha-card .modes {
grid-gap: 12px
}
entity: climate.living_room
header: false
setpoints: false
hide:
temperature: true
state: true
layout:
mode:
headings: false
icons: true
names: false
step: row
control:
hvac:
‘off’:
name: Power
heat:
name: Heat
cool:
name: Cool
heat_cool:
name: Auto
type: custom:mini-graph-card
entities:
entity: sensor.living_room_temperature
name: Temperature
color: var(–green-color)
entity: sensor.bathroom_temperature
name: Outside
color: var(–yellow-color)
y_axis: secondary
entity: sensor.living_room_humidity
name: Humidity
color: var(–blue-color)
y_axis: secondary
hours_to_show: 24
line_width: 3
font_size: 50
animate: true
show:
name: false
icon: false
state: false
legend: true
fill: fade
