Hi,
I have an entities card with multiple entities and two of them are scripts with a “run” button option. I wish to add a drop shadow to the “RUN” text inside the button, not the button itself, using card-mod, but i don’t know to make reference to that text in particular to add the css style for the drop shadow.
Script and card screenshot below.
Thank you.
type: vertical-stack
cards:
- type: custom:button-card
color_type: label-card
name: System Monitor
styles:
card:
- height: 35px
- background: >-
linear-gradient(to right, transparent, rgba(10, 10, 10, 0.4),
transparent)
name:
- font-size: 20px
- font-weight: regular
- color: '#E0E0E0'
- justify-self: middle
- padding-left: 0px
- text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9)
card_mod:
style: |
ha-card {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
- type: entities
entities:
- entity: script.rpi_reboot
secondary_info: none
name: Host Reboot
- entity: script.rpi_power_off
secondary_info: none
name: Host Power off
- type: divider
style:
height: 1px
margin-left: '-10px'
margin-right: '-10px'
background: >-
linear-gradient(to right, transparent, rgb(224, 224, 224),
transparent)
- entity: binary_sensor.rpi_power_status
name: Host Power Status
secondary_info: none
- entity: sensor.processor_temperature
name: Processor Temp
secondary_info: none
- entity: sensor.processor_use
name: Processor Use
secondary_info: none
- entity: sensor.memory_use_percent
name: Memory Use
secondary_info: none
- entity: sensor.disk_use_percent
name: Disk Use
secondary_info: none
- entity: sensor.disk_free
name: Disk Free
secondary_info: none
- entity: sensor.network_throughput_in_eth0
secondary_info: none
name: Throughput In
- entity: sensor.network_throughput_out_eth0
secondary_info: none
name: Throughput Out
- entity: sensor.last_boot
secondary_info: none
name: Last Boot
state_color: true
card_mod:
style: |
ha-card {
--card-mod-icon-color: #FF9109;
color: #E0E0E0;
margin-bottom: 10px;
}