#in the on state, with yellow icon/text,

1 messages · Page 1 of 1 (latest)

jade dagger
#

I'm not the greatest at understanding the CSS. Usually, I have to rely on examples or I just kind of get lucky.

#

I don't know if this syntax will help you but this is what I had to do to get an entities card toggle to work. yaml - type: entities entities: - entity: input_boolean.tester card_mod: style: hui-generic-entity-row: $: | state-badge { display: none; } .info { display: none; } ha-entity-toggle: $: | ha-switch { --switch-unchecked-button-color: red; --switch-checked-button-color: green; --switch-unchecked-track-color: red; --switch-checked-track-color: green; }

vestal pumice
#

no worries. i'm super familiar with css from doing frontend work for a number of years, but homeassistant syntax/classes is a little different than sass/scss etc

#

tonight's the first time i've really dove into it, so i'll get it eventually

jade dagger
#

Sidenote: the custom:button-card can contain other cards:

image.png
vestal pumice
#

that is something i'm very interested in

jade dagger
#

looking at your code, I think you're missing the "CSS section" (I don't know what it is called). Either :host or ha-card. I think that has to be first.