Different opacity and brightness for icons of certain entities

[Menelao147]

Describe the bug
When using the Bubble Card with certain entities, such as input_boolean or sensor (I haven’t tested others), the icon appears to have different opacity and brightness compared to other entities. I’m not sure if this is intended behavior or a bug, but it leads to inconsistent visuals.

To Reproduce
Steps to reproduce the behavior:

1. Add the Bubble Card custom card to your dashboard.
2. Use the following two example configurations:

Configuration 1:

type: custom:bubble-card
card_type: button
button_type: state
entity: input_select.stato_lavatrice
styles: |-
  .bubble-button-background {
    background-color: ${'rgba(40,40,40,1)'} !important;
  }
  .bubble-icon-container {
    background-color: ${'rgba(0,0,0,0)'} !important;
  }
  .bubble-icon {
    color: ${
      state === 'Spenta' ? 'rgb(111, 111, 111)' :
      state === 'Ciclo avviato' ? 'rgb(33, 150, 243)' :
      ''} !important;
    ${icon.setAttribute("icon",
      state === 'Spenta' ? 'mdi:washing-machine-off' :
      state === 'Ciclo avviato' ? 'mdi:washing-machine' :
      '')};
card_layout: large-2-rows
show_state: true

Configuration 2:

type: custom:bubble-card
card_type: button
button_type: state
entity: input_boolean.deumidificatore_abilitazione
styles: |-
  .bubble-button-background {
    background-color: ${'rgba(40,40,40,1)'} !important;
  }
  .bubble-icon-container {
    background-color: ${'rgba(0,0,0,0)'} !important;
  }
  .bubble-icon {
    color: ${
      state === 'off' ? 'rgb(111, 111, 111)' :
      state === 'on' ? 'rgb(33, 150, 243)' :
      ''} !important;
    ${icon.setAttribute("icon",
      state === 'off' ? 'mdi:washing-machine-off' :
      state === 'on' ? 'mdi:washing-machine' :
      '')};
card_layout: large-2-rows
show_state: true

Expected behavior
It is unclear whether this behavior is intentional or a bug. I would expect the icons for all entities to have a consistent visual style unless specifically configured otherwise.

Screenshots

Informations:

• OS: Windows 11
• Browser/App: Chrome
• Bubble Card version: 2.3.4-beta.1
• Home Assistant version: 2024.12.5