Farbe stimmt nicht

[Degerman]

Hi,

mir fehlt hier leider das hintergrundwissen, ich versuche mein Dashboard auf kacheln umzustellen. Hab dafür aus meinem alten Dashboard die Yaml codes übernommen, ich denke darum klappt das mit den Farben nicht.

Ich hab ein Theme das diesen Glaseffekt macht.
hier der code der Seite:

type: grid
cards:
  - type: heading
    heading: Wohnzimmer
    heading_style: title
    icon: phu:rooms-living
    badges:
      - type: entity
        show_state: true
        show_icon: true
        entity: sensor.echo_wohnzimmer_temperature
      - type: entity
        show_state: false
        show_icon: true
        entity: binary_sensor.smart_thermostats_ventil
        icon: mdi:thermostat
        color: state
  - type: tile
    grid_options:
      columns: 6
      rows: 3
    entity: light.wohnen
    name: []
    icon: phu:bulb-group-ceiling-flush-circular
    show_entity_picture: true
    hide_state: true
    vertical: true
    features:
      - type: light-brightness
    features_position: bottom
    card_mod:
      style: |
        ha-tile-icon {
          zoom: 2;
        }
  - type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - show_name: false
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: switch.multimedia
            icon_height: 50px
            name: Multimedia
            icon: mdi:television
            show_state: false
            card_mod:
              style: |
                ha-card {
                background-color: transparent;
                box-shadow: none;
                border: none;
                }            
              show_state: true
    grid_options:
      columns: 6
      rows: 1
  - type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - show_name: false
            show_icon: true
            type: button
            tap_action:
              action: toggle
            show_state: false
            icon_height: 50px
            icon: mdi:cupboard-outline
            entity: light.schrank
            card_mod:
              style: |
                ha-card {
                background-color: transparent;
                box-shadow: none;
                border: none;
                }
    grid_options:
      columns: 6
      rows: 1
  - show_name: false
    show_icon: true
    type: button
    tap_action:
      action: toggle
    entity: switch.steckdose_wohnzimmer
    show_state: false
    icon_height: 50px
    name: Wohnz
    card_mod:
      style: |
        ha-card {
        background-color: transparent;
        box-shadow: none;
        border: none;
        }            
    grid_options:
      columns: 6
      rows: 1
  - type: custom:mushroom-climate-card
    entity: climate.smart_thermostats
    primary_info: none
    secondary_info: none
    icon_type: none
    show_temperature_control: true
    collapsible_controls: false
    fill_container: true
    tap_action:
      action: none
    hold_action:
      action: none
    double_tap_action:
      action: none
    icon: ""
    hvac_modes: []
    grid_options:
      columns: 12
      rows: 1

und hier ein Bild dazu:

Ich hätte gern das das icon der lampe und der schieberegler auch weiss sind.
Das icon dann noch transparent.
Ich kriegs nicht hin.
Danke für die Hilfe

Andreas

[Schlumperdix]

und die Zustandsfarbe bei der Lampe hast du noch nicht versucht? Setz die doch mal auf weiß…

  - type: tile
    color: white
    grid_options:
      columns: 6
      rows: 3
    entity: light.wohnen
    name: []
    icon: phu:bulb-group-ceiling-flush-circular
    show_entity_picture: true
    hide_state: true
    vertical: true
    features:
      - type: light-brightness
    features_position: bottom
    card_mod:
      style: |
        ha-tile-icon {
          zoom: 2;
        }

[Degerman]

Nee geht nicht.
Ich würde gern verstehen warum die anderen icons das machen was ich will aber dieses nicht.

Aus:

An:

EDIT: Ich hab das jetzt mit einer mushroom Karte gelöst, mich würde dennoch interessieren warum die normale Kachelkarte sich anders verhält.

[Schlumperdix]

Bei mir verhält die sich nicht anders…

Beim setzen von der Farbe in der Karte wird der Slider eingefärbt. Bei mir Rosa.

Wenn du dann in card-mod das setzt:

type: tile
entity: light.licht_esszimmer
color: pink
hide_state: true
vertical: true
features:
  - type: light-brightness
features_position: bottom
card_mod:
  style: |
    ha-tile-icon {
      --tile-icon-color: white !important;
      zoom: 2;
    }

dann bleibt der Slider rosa und die Lampe (Icon wird weiß → white)

Wenn das bei dir nicht passiert, dann überschreibt die vielleicht ein von dir besnutztes Theme das. Glaube ich aber eigentlich nicht, da es mit den anderen ja geht…

[Degerman]

@Schlumperdix

card_mod:
  style: |
    ha-tile-icon {
      --tile-icon-color: white !important;
      zoom: 2;
    }

Ja, das geht schon, aber der icon hintergrund ist immer noch nicht transparent.

Ich hab jetzt einfach ein paar knöpfe mit verbrauchszahlen gebastelt und alles passt sicher der optik an, oben links das ist eine mushroom light karte, ich verstehe einfach die zusammenhänge nicht wann was passiert. Bei Knopfkarten geht es, ganz unten noch mal eine Kachelkarte eingefügt und das icon ist wieder nicht wie es soll.

Ich such halt nur eine erklärung warum, ich hab noch ein paar seiten mit Erstellung vor mir

Nochmal danke für deine Zeit