Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[technodj23]

@marcuskl eine Frage noch. Wie kann ich den Hintergrund ändern?

[marcuskl]

@marcuskl sagte in Test Adapter lovelace v0.2.x:

@xADDRx

Hat bei mir auch nicht so funktioniert.
Du musst vorher "transparent:" hinzufügen, so:

transparent:
   # Main colors
   primary-color: '#5294E2'                                                        # Header
   accent-color: '#E45E65'                                                         # Accent color
   dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
........

dann funktioniert es.

Ich habe noch das Hintergrund Bild bei den Cards hochgeladen und die Zeile Backround image hinzugefügt.

#Background images
background: center / cover no-repeat url("/cards/background.jpg") fixed

Hier habe ich es mal erklärt

[technodj23]

@marcuskl sagte in Test Adapter lovelace v0.2.x:

@marcuskl sagte in Test Adapter lovelace v0.2.x:

@xADDRx

Hat bei mir auch nicht so funktioniert.
Du musst vorher "transparent:" hinzufügen, so:

transparent:
   # Main colors
   primary-color: '#5294E2'                                                        # Header
   accent-color: '#E45E65'                                                         # Accent color
   dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
........

dann funktioniert es.

Ich habe noch das Hintergrund Bild bei den Cards hochgeladen und die Zeile Backround image hinzugefügt.

#Background images
background: center / cover no-repeat url("/cards/background.jpg") fixed

Hier habe ich es mal erklärt

Sorry für die blöde Frage. Das kommt dann in die Card? Wenn ja, dann ändert das bei mir gar nichts. Denn kompletten Hintergrund ändere ich in config.yaml oder?

[marcuskl]

@technodj23
Du musst es in Cards hochladen und den Code aus meinem Beitrag in Themes einfügen mit den Bildnamen

[technodj23]

@marcuskl sagte in Test Adapter lovelace v0.2.x:

@technodj23
Du musst es in Cards hochladen und den Code aus meinem Beitrag in Themes einfügen mit den Bildnamen

???

[marcuskl]

@technodj23 du musst das gewünschte Hintergrundbild, wie eine Card in Cards hochladen und in der Adapter Konfiguration/Themes die oben genannte Zeile einfügen, mit den Namen des Bildes z.B. Bild.jpg

[Thorsten Zai]

Hi zusammen,

hat wer von euch Homematic eingebunden ?
deconz klappt bei mir aber wenn ich auf dem Adapter hm-rpc z.b. einen Fensterkontakt mit Raum und Funktion definere, erscheint er nicht in lovelace :(

danke schonmal für eure Hilfe

gruss
thorsten

[WW1983]

Hat jemand den selben Darstellungsfehler seit dem letzten Update

[BastelKlaus]

@WW1983 welche Version hast du drauf?

Bei mir schaut noch alles gut aus...

[marcuskl]

@WW1983 bei mir ist die Benachrichtigungsliste total verschoben, dass ist toatal nervig

[WW1983]

@BastelKlaus
Die letzte. 1.0.5
Bei mir zeigt er zum Teil normal an. Sobald ich aber etwas anklicke, kommt der weißt Balken rechts. Und das sowohl auf dem iPhone, als auch auf dem iPad.

[WW1983]

@marcuskl Komisch. Scheint ein ähnliches Problem zu sein.

[BastelKlaus]

@WW1983 ich hab heut von 1.0.4 auf 1.0.5 upgedatet
Bei mir sieht alles normal aus ( PC und Android ), ich muss allerdings schon sagen dass ich im Gegensatz zu deiner Visualisierung wahnsinnig primitiv unter Wegs bin .

[WW1983]

@BastelKlaus
Stimmt. Am PC sieht es bei mir auch normal aus. Liegt wohl eher an Safari. Muss evtl. mal mit einem anderen Browser auf dem iPad testen.

Ich glaube die Erscheinung davon ist unerheblich. Sind ja im Grunde nur etwas andere Farben.

[marcuskl]

Also ich verwende den Chrome Browser auf Android und habe es schon versucht mit Cache und so löschen, aber ändert nichts.
Habe es auch noch mit 3 anderen Browsern versucht, gleiche Problem.
Sobald ich Downgrade auf 0.2.3 ist die Ansicht wieder Normal.
Am PC ist die Ansicht bei mir normal.

Und wie sieht es eigentlich aus mit den Blitzen, kann man die ändern auf ein Standard Slider?

[WW1983]

@marcuskl
Dann liegt es wohl tatsächlich an der Version.

Wenn du die Blitze auf einen normalen ein/aus Slider ändern willst, dann musst du den Typen von switch auf light, oder imput_boolean ändern. Zumindest habe ich es so gemacht. Weiß nicht ob es eine bessere Lösung gibt.

Kannst du mir mal deine Theme Einstellungen schicken? Bei mir zeigt er die ein/aus Slider zu dunkel an, sobald diese aktiv sind.

[Thorsten Zai]

@Thorsten-Zai said in Test Adapter lovelace v0.2.x:

Hi zusammen,

hat wer von euch Homematic eingebunden ?
deconz klappt bei mir aber wenn ich auf dem Adapter hm-rpc z.b. einen Fensterkontakt mit Raum und Funktion definere, erscheint er nicht in lovelace :(

danke schonmal für eure Hilfe

gruss
thorsten

Hi nochmals,
Nun habe ich iobroker komplett neu aufgesetzt, das Problem bleibt aber weiterhin bestehen. Deconz Adapter und Milight bekomme ich eingebunden.
Leider aber garkeinen von Homematic. Da die anderen beiden gehen, gehe ich davon aus, dass ich erstmal grundsätzlich mit Function und Rooms alles richtig mache. Wodran könnte es noch liegen ?
Habe als Installation :
Raspmatic auf einem Raspberry3
Iobroker als VM unter ESX auf Basis debian

Iobroker selbst ist aktuell

Danke vorab
Gruß
Thorsten

[marcuskl]

@WW1983 Ja auf jedenfall !

Ok danke dir, werde ich versuchen.
Ja klar hier:

transparent:
    #Background image
    background: center / cover no-repeat url("/cards/background.jpg") fixed
    
    # Main colors
    primary-color: '##363941'                                                        # Header
    accent-color: '#E45E65'                                                         # Accent color
    dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
    light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about
    ha-card-border-radius: '20px'   
    ha-card-background: 'rgba(150, 150, 150, 0.1)'
                                                                           
    # Text colors                                                                  
    primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
    text-primary-color: 'var(--primary-text-color)'                                 # Primary text colour
    secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
    disabled-text-color: '#7F848E'                                                  # Disabled text colour
    label-badge-border-color: 'green'                                               # Label badge border, just a reference value   

    # Background colors                                                            
    primary-background-color: '#383C45'                                             # Settings background
    secondary-background-color: '#383C45'                                           # Main card UI background  
    divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider 

    # Table rows                                                                   
    table-row-background-color: '#353840'                                           # Table row
    table-row-alternative-background-color: '#3E424B'                               # Table row alternative
                                                                           
    # Nav Menu                                                                   
    paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
    paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
    paper-grey-50: 'var(--primary-text-color)'                                   
    paper-grey-200: '#414A59'                                                       # Navigation menu selection
                                                                           
    # Paper card                                                               
    paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
    paper-card-background-color: 'rgba(150, 150, 150, 0.1)'                         # Card background colour
    paper-dialog-background-color: '#434954'                                        # Card dialog background colour
    paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
    paper-item-icon-active-color: '#F9C536'                                         # Icon color active
    paper-item-icon_-_color: 'green'           
    paper-item-selected_-_background-color: '#434954'                               # Popup item select                      
    paper-tabs-selection-bar-color: 'green'

    # Labels 
    label-badge-red: 'var(--accent-color)'                                          # References the brand colour label badge border
    label-badge-text-color: 'var(--primary-text-color)'                             # Now same as label badge border but that's a matter of taste
    label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here
    label-badge-background: 'rgba(255, 255, 255, 0.1)'

    # Switches
    paper-toggle-button-checked-button-color: 'var(--accent-color)'
    paper-toggle-button-checked-bar-color: 'var(--accent-color)'
    paper-toggle-button-checked-ink-color: 'var(--accent-color)'
    paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
    paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
    paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'  

    # Sliders
    paper-slider-knob-color: 'var(--accent-color)'
    paper-slider-knob-start-color: 'var(--accent-color)'
    paper-slider-pin-color: 'var(--accent-color)'
    paper-slider-active-color: 'var(--accent-color)'
    paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
    paper-slider-secondary-color: 'var(--secondary-background-color)'
    paper-slider-disabled-active-color: 'var(--disabled-text-color)'
    paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'

    # Google colors
    google-red-500: '#E45E65'
    google-green-500: '#39E949'

[WW1983]

@Thorsten-Zai

Funktioniert das manuelle Zuweisen (nicht über Raum u. Funktion) auch nicht?

[WW1983]

@marcuskl
Vielen Dank!