Make icon sizable in template card about lovelace-mushroom-themes HOT 9 CLOSED

@sotima @totalitarian you should be able to change icon size with mushroom 1.8.1.
For example:

Mushroom:
    mush-chip-icon-size: 0.6em
    mush-chip-font-size: 0.4em

    mush-icon-size: 54px
    
    modes:
        light: {}
        dark: {}

from lovelace-mushroom-themes.

There is a PR (work in progress) for that : piitaya/lovelace-mushroom#423

But for now, you can define --icon-size using card_mod :

type: custom:mushroom-entity-card
entity: light.kitchen_light
card_mod:
  style: |
    ha-card {
      --icon-size: 54px;
    }

from lovelace-mushroom-themes.

Will try this as soon as possible! Thanks a lot!

from lovelace-mushroom-themes.

I'd love this too

from lovelace-mushroom-themes.

Works as described. Many thanks!

Is it possible to only apply this to certain cards though? I only want to change the icon size for 2 out of 5 cards on a view...

from lovelace-mushroom-themes.

Superstar! One last question if I may... How to remove the blue circle but keep the icon?

from lovelace-mushroom-themes.

We can't but you're not the first to ask it. Maybe we can add an icon-shape-opacity variable to allow user to hide the circle by setting icon-shape-opacity: 0 😅

from lovelace-mushroom-themes.

We can't but you're not the first to ask it. Maybe we can add an icon-shape-opacity variable to allow user to hide the circle by setting icon-shape-opacity: 0 😅

That would be great!

from lovelace-mushroom-themes.

There is a PR (work in progress) for that : piitaya/lovelace-mushroom#423

But for now, you can define --icon-size using card_mod :

type: custom:mushroom-entity-card
entity: light.kitchen_light
card_mod:
  style: |
    ha-card {
      --icon-size: 54px;
    }

I tried this but I get this error.

Visual editor is not supported for this configuration:
At path: card_mod -- Expected a value of type never, but received: [object Object]

type: custom:mushroom-entity-card
entity: switch.mae_fan
card_mod:
style: |
ha-card {
--icon-size: 54px;
}

You can still edit your config in YAML.

from lovelace-mushroom-themes.