RGB Helfer oder Irgendwas

Allgemein
1

Hallo,
ich habe sehr viele Custom Cards auf meiner Oberfläche bei denen die Farbe im RGB Format geändert wird.

Ich hätte gerne eine zentrale Stelle um die Farbe nur einmal eingeben zu müssen. Gibt es sowas wie einen Helfer oder Sensor oder sonst etwas um das zu realisieren.

Grüße Georg

2

Leg dir einen Text-Helfer an und schreib dort deine Farbe rein. Den Text rufst du dann so ab
{{ states('input_text.deinefarbe') }}

3

Das habe ich schon versucht, aber leider ändert das Label bei dieser Art die Farbe nicht

4

Wie sieht dein Code aus?

5

Im Helfer hatte ich alle 3 Möglichkeiten probiert

  1. rgb(41, 41,10)
  2. (41, 41,10)
  3. 41, 41,10

und eben den Code im Label

`type: custom:button-card
color_type: label-card
color: {{ states('input_text.deinefarbe') }}
color: rgb({{ states('input_text.deinefarbe') }})
color: rgb{{ states('input_text.deinefarbe') }}

natürlich mit dem Namen des Helfers.

6

Versuche es mal so

styles:
  card:
    - color: |
        [[[ return states["input_text.deinefarbe"].state ]]]

Voraussetzung du hast card-mod installiert. Wenn du die Hintergrundfarbe ändern willst, nimmst du “background” anstatt “color”
image

8

Danke das funktioniert einwandfrei.

Nachtrag:
So habe es bei fast allen Karten hinbekommen. Nur bei einer komme ich nicht weiter:

  - type: custom:slider-button-card
    entity: switch.kuechenlicht
    style: |
      :host {
       --slider-color: rgba(125, 117, 117, 0.49);
       --action-icon-color-off: rgba(74, 74, 74, 0.68) !important;
       --action-icon-color-on: var(--button-card-light-color) !important;
       --label-color-off: rgba(255, 255, 255, 0.7) !important;
       --label-color-on: rgba(255, 255, 255, 0.99) !important;
       --action-spinner-color: var(--state-color) !important;
       }
      }

Würde noch gerne den --slider-color: verändern.

Jemand eine Idee dazu.

Grüße Georg

:crayon:by HarryP: Zusammenführung Doppelpost.

9

Wenn ich in die Doku gucke, gibt es --slider-color nicht. Bist du sicher, dass der Eintrag so heißt?
https://github.com/mattieha/slider-button-card#styles

10

Screenshot 2023-07-06 223102
Screenshot 2023-07-06 223102886×187 12.3 KB

Es funktioniert. Kann dir nicht sagen warum es nicht in der Doku steht.

Habe es jetzt hinbekommen allerdings nicht mit rgb sonder mit Hex.

style: |
      .slider {
          --slider-color: {{ states('input_text.slider_farbe') }};
           }
      :host {
       --action-icon-color-off: rgba(74, 74, 74, 0.68) !important;
       --action-icon-color-on: var(--button-card-light-color) !important;
       --label-color-off: rgba(255, 255, 255, 0.7) !important;
       --label-color-on: rgba(255, 255, 255, 0.99) !important;
       --action-spinner-color: var(--state-color) !important;
       }
      }

Vielen Dank für die großartige Hilfe.
Grüße Georg