I recently updated HACS and one of my custom cards are showing a border that never showed in the past.
Here’s a screenshot:
I want to remove the border around the date, time and temperature above. The same for the border around Alarm, Automation, Mailbox and Hub.
I was successful in removing it from around each item on the chips card (there used to be another border around each item - Date, time etc) but can’t apply the same code to the other.
Here’s my code:
views:
- title: Home
type: custom:stack-in-card
mode: vertical
cards:
- type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.time_date
icon: mdi:date
icon_color: yellow
content: '{{ as_timestamp(now()) | timestamp_custom("%m-%d-%y", True) }}'
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
alignment: center
card_mod:
style: |
ha-card {
box-shadow: 0px 0px;
border: none;
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.time_date
icon: mdi:date
icon_color: yellow
content: '{{ as_timestamp(now()) | timestamp_custom("%I:%M%p", True) }}'
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
alignment: center
card_mod:
style: |
ha-card {
box-shadow: 0px 0px;
border: none;
}
alignment: center
- type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.hallway_temperature
content: 'Inside, {{ states(entity)}} °F '
icon_color: |-
{% set state=states('sensor.hallway_thermostat_hvac_state') %}
{% if state=='off' %}
gray
{% elif state=='heating' %}
red
{% endif %}
icon: mdi:thermometer
tap_action:
action: more-info
browser_mod:
command: popup
title: Thermostat
card:
type: thermostat
entity: climate.hallway
hold_action:
action: none
double_tap_action:
action: none
alignment: end
card_mod:
style: |
ha-card {
box-shadow: 0px 0px;
border: none;
}
alignment: end
card_mod: null
style: |
ha-card {
box-shadow: 0px 0px;
border: none;
}
- type: custom:mushroom-title-card
title: >-
{% if now().hour < 5 %} Good Night{% elif now().hour < 12 %} Good
Morning{% elif now().hour < 18 %} Good Afternoon{% else %} Good Evening{%
endif %}, REDACTED Family
subtitle: Welcome to Home Assistant
- type: custom:stack-in-card
mode: horizontal
card_mod: null
style: |
ha-card {
border: none;
}
cards:
- type: custom:mushroom-template-card
icon: mdi:lock
layout: vertical
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
entity: alarm_control_panel.house
icon_color: |-
{% set state=states('alarm_control_panel.house') %}
{% if state=='disarmed' %}
green
{% elif state=='armed_home' %}
red
{% elif state=='armed_away' %}
red
{% elif state=='arming' %}
red
{% elif state=='triggered' %}
red
{% elif state=='pending' %}
yellow
{% endif %}
secondary: |-
{% set state=states('alarm_control_panel.house') %}
{% if state=='disarmed' %}
Disarmed
{% elif state=='armed_home' %}
Armed Home
{% elif state=='armed_away' %}
Armed Away
{% elif state=='pending' %}
Pending
{% endif %}
multiline_secondary: true
primary: Alarm
- type: custom:mushroom-template-card
icon: mdi:home-automation
layout: vertical
tap_action:
action: call-service
service: automation.reload
hold_action:
action: none
double_tap_action:
action: none
icon_color: green
multiline_secondary: true
primary: Automation
secondary: Reload
- type: custom:mushroom-template-card
icon: mdi:mailbox
layout: vertical
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
entity: input_boolean.mail_pending
icon_color: |-
{% set state=states('input_boolean.mail_pending') %}
{% if state=='on' %}
red
{% elif state=='off' %}
green
{% endif %}
secondary: |-
{% set state=states('input_boolean.mail_pending') %}
{% if state=='on' %}
Mail arrived
{% elif state=='off' %}
No Mail
{% endif %}
multiline_secondary: true
primary: Mailbox
- type: custom:mushroom-template-card
icon: mdi:home
layout: vertical
tap_action:
action: more-info
hold_action:
action: none
double_tap_action:
action: none
entity: input_select.harmony_activity
icon_color: |-
{% set state=states('input_select.harmony_activity') %}
{% if state=='PowerOff' %}
green
{% elif state=='Watch Apple TV' %}
red
{% elif state=='Listen to Music' %}
red
{% elif state=='Play Switch' %}
red
{% endif %}
secondary: '{{ states(''input_select.harmony_activity'')}}'
multiline_secondary: true
primary: Hub