Rahmen um einer nicht Custom Card?

Allgemein
1

Nabend, ist es möglich einen Rahmen und einer normalen HA Card (kein Mod oder ähnliches) einzufügen?

Andernfalls habe ich irgendwann mal stumpf ein Code kopiert, der mir den Hintergrund transparent macht, wo aber auch eine “Border” Option eingebaut ist (siehe Code)?
Das Transparente soll bleiben, ich hätte gerne nur ein dezenten Rahmen drum in Grau oder ähnliches.

show_name: true
show_icon: true
type: button
tap_action:
  action: navigate
  navigation_path: /dashboard-tablet/kameras
name: Kameras
icon: mdi:webcam
icon_height: 40px
theme: ios-dark-mode-dark-green
card_mod:
  style: |
    ha-card
      {background:transparent;
        border-style: none;
2

Versuch mal anstatt border-style: none; das hier
border: 3px solid gray;

3

DANKE! Das hat funktioniert, jetzt habe ich gedacht, dass ich mir für den Rest logisch selber weiterhelfen kann.
Nur klappt es nicht so wie ich es möchte. Wenn ich einen horizontalen Stack habe, wie bekomme ich es dann hin, um den gesamten Stack einen Rahmen zu machen und nicht um jeden einzelnen Button?

type: horizontal-stack
cards:
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: navigate
      navigation_path: /dashboard-tablet/kameras
    name: Kameras
    icon: mdi:webcam
    icon_height: 40px
    theme: ios-dark-mode-dark-green
    card_mod:
      style: |
        ha-card
          {background:transparent;
            border-style: none;
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: navigate
      navigation_path: /dashboard-tablet/sensoren
    icon_height: 40px
    name: Sensoren
    icon: mdi:memory
    theme: ios-dark-mode-light-green
    card_mod:
      style: |
        ha-card
          {background:transparent;
            border-style: none;
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: call-service
      service: automation.trigger
      target:
        entity_id: automation.alles_saugen_wischen
      data:
        skip_condition: true
    icon_height: 40px
    name: Alles Reinigen
    icon: mdi:robot-vacuum
    show_state: false
    theme: ios-dark-mode-dark-blue
    card_mod:
      style: |
        ha-card
          {background:transparent;
            border-style: none;
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: call-service
      service: automation.trigger
      target:
        entity_id: automation.vac_roboter_reinigen
      data:
        skip_condition: true
    icon_height: 40px
    name: Staubsauger zum Reinigungsplatz
    icon: mdi:hand-wash-outline
    show_state: false
    theme: ios-dark-mode-dark-blue
    card_mod:
      style: |
        ha-card
          {background:transparent;
            border-style: none;
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: navigate
      navigation_path: /dashboard-tablet/staubsauger
    name: Staubsauger Karte
    icon: mdi:robot-vacuum
    show_state: false
    icon_height: 40px
    theme: ios-dark-mode-light-green
    card_mod:
      style: |
        ha-card
          {background:transparent;
            border-style: none;
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: navigate
      navigation_path: /dashboard-tablet/2
    icon_height: 40px
    name: Lichter
    icon: mdi:lamps
    theme: ios-dark-mode-red
    card_mod:
      style: |
        ha-card
          {background:transparent;
            border-style: none;
4

Ich glaube der Card-Mod funktioniert bei horizontal-stack nicht.

Schau mal hier
https://www.reddit.com/r/homeassistant/comments/11znko2/unable_to_apply_style_to_nested_mushroom_chips/

Der Ansatz mit type: custom:mod-card als übergeordnete Karte könnte funktionieren.

1 „Gefällt mir“
5

Okay, danke dir auf jeden Fall!
Eins habe ich nocht, gíbt es irgendwo eine Übersicht was für Befehle es für den Rahmen alles gibt?
Also solid ist jetzt klar…
double gibt es noch.
Gibt es was mit shadow etc?

6

Das ist CSS und nicht explizit Home Assistant. Es gibt z. B. box-shadow: 0 0 10px black;. Dann kann aber border weg.

Musst du mal selbst schauen.

1 „Gefällt mir“