@Spartacus For your benefit, I’d suggest understanding how to enter the shadowRoot using $: | and what .: | does. It will allow you to problem solve vs requesting assistance. Google DevTools will help you understand CSS structure.
@Ildar_Gabdullin guide provides extensive examples that you can test and use for reference. His guide played a major part in my learning process.
The code I gave you does work and I’d avoid the copy/paste method.
I’d also explore if you even needed the remainder of the mod code you were trying to combine. Your end goal wasn’t very clear.
type: entities
title: Schaltzeiten
entities:
- entity: input_datetime.pr03_up_time
name: auf
icon: mdi:calendar-clock-outline
card_mod:
style:
ha-date-input $: |
ha-svg-icon {
display: none;
}
card_mod:
style:
.: |
ha-card {
--mdc-icon-size: 20px;
--mdc-text-field-fill-color: transparent;
--ha-card-header-font-size: 20px;
--ha-card-header-color: #C0C0C0;
--paper-item-icon-color: red;