Shutter-Card Slider-Modification

Dashboard/Cards/Frontend
1

Hallo,
ich habe folgende Karten auf meinem Tablet um die Markisen zu steuern.

Marquee
Marquee1229×188 20.7 KB

jetzt sind diese ja aktuell geschlossen, der “Schieberegler” sieht aber zumindest für mich aus als ob die Markise voll ausgefahren ist (100%). Das liegt jetzt ja an der Karte, habe ich verstanden. Hier ist 100% = Geschlossen und nicht offen. Bei der Markise wäre es anders herum ganz nice…

gibt es eine Möglichkeit die Karte so zu "manipulieren, das der Schieberegler, welcher gerade violett ist in der gleichen Farbe wie der Hintergrund ist und wenn ich ihn nach links ziehe dann Violett wird? )

Grüße

CODE DER KARTE:

type: conditional
conditions: []
card:
  features:
    - type: cover-open-close
    - type: cover-position
  type: tile
  entity: cover.sp2pm_d48afc764b0c_outdoor_marquee_southwest
  name: SOUTH
  icon: mdi:awning-outline
  features_position: bottom
  show_entity_picture: false
  vertical: false
  card_mod:
    style: |
      :host {
          --card-mod-icon-color: violet;
      }
2

Versuch es mal mit der mushroom cover card.

3

ok, die habe ich jetzt mal eingesetzt, aber ich kann nur wechseln zwischen slider und buttons, kann ich auch beides anzeigen lassen untereinander?

MR-CC
MR-CC1107×122 12 KB

ich habe jetzt auch mal ein wenig unter Mushroom Cards Card Mod Styling/Config Guide geschaut, aber irgendwie habe ich wo was im code, welches mir was rausnimmt.
Wenn ich zb folgenden code eingebe, sieht das aus wie oben, passt. Gehe ich aber ein 2tes mal in den YAML editor ist der bereich mit “card_mod.” weg und die Karte wieder weiß anstatt purple, warum?

→ Ich kann auch nicht gleichzeitig die Farbe des icon und größe des icon wechseln, woran liegt das?


type: custom:mushroom-cover-card
entity: cover.sp2pm_XYZ_outdoor_marquee_south
name: SOUTHWEST
icon: mdi:awning-outline
fill_container: false
show_position_control: true
show_tilt_position_control: false
show_buttons_control: true
card_mod:
   style: |
          :host {
            --card-mod-icon-color: purple;
          }
4

@maxe hast du vielleicht eine Info dazu, wäre super, danke?

5

Nein, ich hab da keine weiteren Infos zu. Ich nutze die Card ohne jegliche Modifikationen.

6

solved, was in summary Yaml and not in card Yaml…

7

meines sieht so aus, finde es schöner wenn man den Vorhang sozusagen runter ziehen kann:

Bildschirmfoto 2025-05-09 um 12.06.11
Bildschirmfoto 2025-05-09 um 12.06.11782×202 9.89 KB

type: custom:slider-button-card
entity: cover.buro_rollladen
slider:
  direction: top-bottom
  background: striped
  use_state_color: false
  use_percentage_bg_opacity: false
  toggle_on_click: false
  show_track: false
  force_square: false
  invert: true
  show_attribute: true
show_name: true
show_state: true
compact: false
icon:
  show: false
  use_state_color: true
  tap_action:
    action: more-info
  icon: ""
action_button:
  mode: toggle
  icon: mdi:power
  show: false
  show_spinner: true
  tap_action:
    action: toggle
show_attribute: false
grid_options:
  columns: 6
  rows: 2
8

ja sieht auch schön aus, aber braucht mir dann zuviel platz, hatte das auch mal mit richtigen “Fenstern”

ich habe es jetzt so

Shutter
Shutter1211×610 93.5 KB

wenn der Rollladen in Bewegung ist, dann kommt ein roter (up/down) Pfeil und bei geschlossen sind die Rollladen grün, sonst blau.
→ schön wäre noch, wenn das Rollladen-ICON bei mittellage Orange wäre, geht aber scheinbar nicht?

  • Geschlossen = 0% Grün
  • Mittellage >1% / <99% = Orange
  • Geöffnet = 100% Blau
9

Jemand ne Idee bezüglich des ICON in der Mittellage (auf Orange) oder geht das definitive nicht?