Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter lovelace v1.2.x

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    209

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    7.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

Test Adapter lovelace v1.2.x

Test Adapter lovelace v1.2.x

Scheduled Pinned Locked Moved Tester
lovelacevisualization
1.5k Posts 78 Posters 628.6k Views 72 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • GarfonsoG Garfonso

    @dan11hh
    Und der Link taucht nicht im Yaml Code auf? Oder kommst du gar nicht zum RAW-Editor?
    Falls du nicht zum Editor kommst, kannst du auch das Objekt lovalace.0.configuration im RAW-Editor bearbeiten, da ist eine JSON Version von der Konfiguration.

    D Offline
    D Offline
    dan11hh
    wrote on last edited by
    #346

    @garfonso Wie komme ich zu lovelace.0.configuration? configuration ist bei mir in den Objekten nicht zu finden. Aber vielleicht hilft auch ein Screenshot um mein Problem zu verdeutlich. Ich will eigentlich den zweiten Elektroautoreiter löschen, aber aufgrund der fehlerhaften Verlinkung (siehe Adresszeile) durch mich, ist dieser Reiter mit meinem "Haus" Reiter verknüpft. Ich krieg es einfach nicht gelöscht. 😞 1000 Dank für Deine Hilfe! Screenshot 2021-02-01 222359.jpg

    GarfonsoG 1 Reply Last reply
    0
    • S Offline
      S Offline
      steimi
      wrote on last edited by
      #347

      Hi, ich möchte gerne in der Lovelace-VIS einen Button darstellen, welcher einen virtuellen Homematic-Taster betätigt (kurz oder lang möglich). Ich habe die Button-Card schon integriert, kann dort allerdings nur togglen und nicht nur tap. Bei einem anderen DP unter 0_userdata habe ich ein Skript, welche mir den Schalter nach 1 Sekunde wieder ausschaltet. Dies funktioniert aber bei dem virtuellen Taster nicht. Wie kann ich das lösen?

      9b483d36-6b3a-4c26-ad95-bb7bee07e174-image.png

      GarfonsoG 1 Reply Last reply
      0
      • GarfonsoG Offline
        GarfonsoG Offline
        Garfonso
        Developer
        wrote on last edited by
        #348

        @david-g said in Test Adapter lovelace v1.2.x:

        Ja, genau type-detector eine GPS Position erkennen lassen geht mit zwei States und auch mit einzelnem State (mittlerweile).

        1.Hab jedoch trotzdem noch 2 Fragen.
        Kann auf der Karte auch das Nutzerbild angezeigt werden? Der shared locations Adapter liefert ja eins.

        Das ist aktuell etwas schwierig... wenn etwas in common.icon steht, wird das als entity_picture mit übernommen. Leider unterstützt ioBroker nicht, dass da eine URL drin steht. -> ich hab in meinem dev-Zweig eingebaut, dass, wenn man da trotzdem eine URL eintragen sollte (was im Admin dazu führt, dass da ein blaues I auftaucht, vielleicht werden auch fehler geloggt?) das Bild in der Karte auftaucht. Hm. Andere Ideen nehme ich auch gerne.

        1. Für was ist das Feld Geolocation-Quellen?

        Damit kann man irgendwie entities automatisch zur Karte hinzufügen.. kann der adapter nicht -> daherr entities Liste manuell füllen.

        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

        1 Reply Last reply
        0
        • D dan11hh

          @garfonso Wie komme ich zu lovelace.0.configuration? configuration ist bei mir in den Objekten nicht zu finden. Aber vielleicht hilft auch ein Screenshot um mein Problem zu verdeutlich. Ich will eigentlich den zweiten Elektroautoreiter löschen, aber aufgrund der fehlerhaften Verlinkung (siehe Adresszeile) durch mich, ist dieser Reiter mit meinem "Haus" Reiter verknüpft. Ich krieg es einfach nicht gelöscht. 😞 1000 Dank für Deine Hilfe! Screenshot 2021-02-01 222359.jpg

          GarfonsoG Offline
          GarfonsoG Offline
          Garfonso
          Developer
          wrote on last edited by
          #349

          @dan11hh
          du musst den filter für "state" rausnehmen, der ist per default immer an (dritte spalte, einmal auf das x drücken).
          lovelace-configration-objekt.JPG

          Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

          Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

          D 1 Reply Last reply
          0
          • GarfonsoG Garfonso

            @dan11hh
            du musst den filter für "state" rausnehmen, der ist per default immer an (dritte spalte, einmal auf das x drücken).
            lovelace-configration-objekt.JPG

            D Offline
            D Offline
            dan11hh
            wrote on last edited by
            #350

            @garfonso 1000 Dank. Das war echt ne schwere Geburt. 😉 Danke, dass Du auch bei solchen Anfängerfehler aushilfst!

            1 Reply Last reply
            1
            • S steimi

              Hi, ich möchte gerne in der Lovelace-VIS einen Button darstellen, welcher einen virtuellen Homematic-Taster betätigt (kurz oder lang möglich). Ich habe die Button-Card schon integriert, kann dort allerdings nur togglen und nicht nur tap. Bei einem anderen DP unter 0_userdata habe ich ein Skript, welche mir den Schalter nach 1 Sekunde wieder ausschaltet. Dies funktioniert aber bei dem virtuellen Taster nicht. Wie kann ich das lösen?

              9b483d36-6b3a-4c26-ad95-bb7bee07e174-image.png

              GarfonsoG Offline
              GarfonsoG Offline
              Garfonso
              Developer
              wrote on last edited by
              #351

              @steimi said in Test Adapter lovelace v1.2.x:

              Hi, ich möchte gerne in der Lovelace-VIS einen Button darstellen, welcher einen virtuellen Homematic-Taster betätigt (kurz oder lang möglich). Ich habe die Button-Card schon integriert, kann dort allerdings nur togglen und nicht nur tap. Bei einem anderen DP unter 0_userdata habe ich ein Skript, welche mir den Schalter nach 1 Sekunde wieder ausschaltet. Dies funktioniert aber bei dem virtuellen Taster nicht. Wie kann ich das lösen?

              9b483d36-6b3a-4c26-ad95-bb7bee07e174-image.png

              Verstehe ich richtig, dass du immer "an" an den Datenpunkt schicken willst? Oder was ist dein Ansatzpunkt? Immer an ginge z.B. so:

              - type: button
                entity: switch.Alles_Aus
                tap_action:
                  action: call-service
                  service: switch.turn_on
                  service_data:
                    entity_id: switch.Alles_Aus
              

              Wichtig ist dabei das service_data feld wo die zu schaltende entity_id drin steht. Alternativ geht immer "aus" mit "turn_off". Du könntest in der hold_action dann den anderen Knopf drücken lassen mit einem ähnlichen service call (für beide musst du aber als eigene entities einrichten und entsprechend die entity_id vergeben).

              Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

              Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

              S 1 Reply Last reply
              0
              • G Offline
                G Offline
                gyle
                wrote on last edited by
                #352

                Frage:
                ich will aus folgendem Date-Objekt die Zeit in einer Markdown-karte darstellen:
                fa888920-6066-4b24-9b60-fcff9317e2da-image.png

                Wenn ich es so einbinde:

                {fahrplan.0.0.0.DeparturePlanned}
                

                ...dann ist das Ergebnis so:
                1612433160000

                Gibt es eine Möglichkeit die Zeit zu extrahieren, damit ich bspw. nur "11:06" bekomme?
                DANKE

                David G.D GarfonsoG 2 Replies Last reply
                0
                • G gyle

                  Frage:
                  ich will aus folgendem Date-Objekt die Zeit in einer Markdown-karte darstellen:
                  fa888920-6066-4b24-9b60-fcff9317e2da-image.png

                  Wenn ich es so einbinde:

                  {fahrplan.0.0.0.DeparturePlanned}
                  

                  ...dann ist das Ergebnis so:
                  1612433160000

                  Gibt es eine Möglichkeit die Zeit zu extrahieren, damit ich bspw. nur "11:06" bekomme?
                  DANKE

                  David G.D Online
                  David G.D Online
                  David G.
                  wrote on last edited by
                  #353

                  @gyle
                  Denke dass du da einen neuen Datenpunkt anlegen musst und diesen dann per Script (zB Blockly) umrechnen und befüllen musst.

                  Zeigt eure Lovelace-Visualisierung klick
                  (Auch ideal um sich Anregungen zu holen)

                  Meine Tabellen für eure Visualisierung klick

                  1 Reply Last reply
                  0
                  • G gyle

                    Frage:
                    ich will aus folgendem Date-Objekt die Zeit in einer Markdown-karte darstellen:
                    fa888920-6066-4b24-9b60-fcff9317e2da-image.png

                    Wenn ich es so einbinde:

                    {fahrplan.0.0.0.DeparturePlanned}
                    

                    ...dann ist das Ergebnis so:
                    1612433160000

                    Gibt es eine Möglichkeit die Zeit zu extrahieren, damit ich bspw. nur "11:06" bekomme?
                    DANKE

                    GarfonsoG Offline
                    GarfonsoG Offline
                    Garfonso
                    Developer
                    wrote on last edited by
                    #354

                    @gyle
                    Im Datenpunkt steht tatsächlich nur der Zeitstempel (also die Millisekunden seit 1.1.1970 😉 ). Die müssen noch in ein Datum verwandelt werden, dafür gibt es, wenn ich die Bindings richtig verstehe, den "date" Operator, der auch einen Formatstring annimmt, um das zu erreichen, was du willst, müsste das hier gehen:

                    {fahrplan.0.0.0.DeparturePlanned;date("hh:mm")}
                    

                    (Quelle: https://github.com/ioBroker/ioBroker.vis#bindings-of-objects )

                    Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                    Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                    David G.D G 2 Replies Last reply
                    0
                    • GarfonsoG Garfonso

                      @gyle
                      Im Datenpunkt steht tatsächlich nur der Zeitstempel (also die Millisekunden seit 1.1.1970 😉 ). Die müssen noch in ein Datum verwandelt werden, dafür gibt es, wenn ich die Bindings richtig verstehe, den "date" Operator, der auch einen Formatstring annimmt, um das zu erreichen, was du willst, müsste das hier gehen:

                      {fahrplan.0.0.0.DeparturePlanned;date("hh:mm")}
                      

                      (Quelle: https://github.com/ioBroker/ioBroker.vis#bindings-of-objects )

                      David G.D Online
                      David G.D Online
                      David G.
                      wrote on last edited by
                      #355

                      @garfonso
                      Interessant, hatte da mal von gelesen, dachte aber, dass geht nur in VIS .....

                      Zeigt eure Lovelace-Visualisierung klick
                      (Auch ideal um sich Anregungen zu holen)

                      Meine Tabellen für eure Visualisierung klick

                      GarfonsoG 1 Reply Last reply
                      0
                      • GarfonsoG Garfonso

                        @steimi said in Test Adapter lovelace v1.2.x:

                        Hi, ich möchte gerne in der Lovelace-VIS einen Button darstellen, welcher einen virtuellen Homematic-Taster betätigt (kurz oder lang möglich). Ich habe die Button-Card schon integriert, kann dort allerdings nur togglen und nicht nur tap. Bei einem anderen DP unter 0_userdata habe ich ein Skript, welche mir den Schalter nach 1 Sekunde wieder ausschaltet. Dies funktioniert aber bei dem virtuellen Taster nicht. Wie kann ich das lösen?

                        9b483d36-6b3a-4c26-ad95-bb7bee07e174-image.png

                        Verstehe ich richtig, dass du immer "an" an den Datenpunkt schicken willst? Oder was ist dein Ansatzpunkt? Immer an ginge z.B. so:

                        - type: button
                          entity: switch.Alles_Aus
                          tap_action:
                            action: call-service
                            service: switch.turn_on
                            service_data:
                              entity_id: switch.Alles_Aus
                        

                        Wichtig ist dabei das service_data feld wo die zu schaltende entity_id drin steht. Alternativ geht immer "aus" mit "turn_off". Du könntest in der hold_action dann den anderen Knopf drücken lassen mit einem ähnlichen service call (für beide musst du aber als eigene entities einrichten und entsprechend die entity_id vergeben).

                        S Offline
                        S Offline
                        steimi
                        wrote on last edited by
                        #356

                        @garfonso sagte in Test Adapter lovelace v1.2.x:

                                                                                                                                                    - type: button                                                                                                                                                                              entity: switch.Alles_Aus                                                                                                                                                                              tap_action:                                                                                                                                                                                action: call-service                                                                                                                                                                                service: switch.turn_on                                                                                                                                                                                service_data:                                                                                                                                                                                  entity_id: switch.Alles_Aus                                            
                        

                        der DP soll nur einmal "gedrückt" werden und geht automatisch wieder aus da es ein Taster ist. Im Homematic kann ich dem Taster virtuelle Geräte/Kanäle zuorden welche dann betätigt werden. Wenn ich ihn als Button in Lovelace als Entity definierte kann ich den Button betätigen und er ist als 'an/gedrückt' dargestellt. Allerdings hat er den Taster nicht betätigt. Erst wenn ich den Button wieder ausschalte wird der virtuelle Taster im Homematic betätigt.

                        Mit service_data und der Entity funktioniert es. Es wird allerdings nicht angezeigt, dass der Button gedrückt wurde (keine Änderung des Aussehens des Buttons). Kann man da noch was anpassen?

                        das ist mal der Raw des zu betätigenden DPs

                        {
                          "type": "state",
                          "common": {
                            "name": "Garagentor_zu:1.PRESS_SHORT",
                            "def": false,
                            "type": "boolean",
                            "read": false,
                            "write": true,
                            "role": "button",
                            "custom": {
                              "lovelace.0": {
                                "enabled": true,
                                "entity": "switch",
                                "name": "HmIP-RCV-1_1_PRESS_SHORT"
                              }
                            }
                          },
                          "native": {
                            "MIN": false,
                            "MAX": true,
                            "OPERATIONS": 6,
                            "FLAGS": 1,
                            "ID": "PRESS_SHORT",
                            "TYPE": "ACTION",
                            "DEFAULT": false,
                            "CONTROL": "BUTTON.SHORT"
                          },
                          "from": "system.adapter.hm-rega.0",
                          "user": "system.user.admin",
                          "ts": 1612331578711,
                          "_id": "hm-rpc.0.HmIP-RCV-1.1.PRESS_SHORT",
                          "acl": {
                            "object": 1636,
                            "state": 1636,
                            "owner": "system.user.admin",
                            "ownerGroup": "system.group.administrator"
                          }
                        }
                        
                        GarfonsoG 1 Reply Last reply
                        0
                        • GarfonsoG Garfonso

                          @gyle
                          Im Datenpunkt steht tatsächlich nur der Zeitstempel (also die Millisekunden seit 1.1.1970 😉 ). Die müssen noch in ein Datum verwandelt werden, dafür gibt es, wenn ich die Bindings richtig verstehe, den "date" Operator, der auch einen Formatstring annimmt, um das zu erreichen, was du willst, müsste das hier gehen:

                          {fahrplan.0.0.0.DeparturePlanned;date("hh:mm")}
                          

                          (Quelle: https://github.com/ioBroker/ioBroker.vis#bindings-of-objects )

                          G Offline
                          G Offline
                          gyle
                          wrote on last edited by
                          #357

                          @garfonso said in Test Adapter lovelace v1.2.x:

                          {fahrplan.0.0.0.DeparturePlanned;date("hh:mm")}

                          super cool - das hat funktioniert! - wobei man die Anführungszeichen weglassen kann...

                          {fahrplan.0.0.0.DeparturePlanned;date(hh:mm)}
                          
                          1 Reply Last reply
                          0
                          • David G.D David G.

                            @garfonso
                            Interessant, hatte da mal von gelesen, dachte aber, dass geht nur in VIS .....

                            GarfonsoG Offline
                            GarfonsoG Offline
                            Garfonso
                            Developer
                            wrote on last edited by
                            #358

                            @david-g
                            Theoretisch sollte mit den bindings alles gehen was auch in vis mit den Bindings geht. Wenn da was nicht geht, gerne ein issue machen. Es gibt da nicht konzeptionell einen Grund, warum etwas nicht gehen sollte, soweit ich das bisher sehe.

                            Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                            Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                            1 Reply Last reply
                            0
                            • S steimi

                              @garfonso sagte in Test Adapter lovelace v1.2.x:

                                                                                                                                                          - type: button                                                                                                                                                                              entity: switch.Alles_Aus                                                                                                                                                                              tap_action:                                                                                                                                                                                action: call-service                                                                                                                                                                                service: switch.turn_on                                                                                                                                                                                service_data:                                                                                                                                                                                  entity_id: switch.Alles_Aus                                            
                              

                              der DP soll nur einmal "gedrückt" werden und geht automatisch wieder aus da es ein Taster ist. Im Homematic kann ich dem Taster virtuelle Geräte/Kanäle zuorden welche dann betätigt werden. Wenn ich ihn als Button in Lovelace als Entity definierte kann ich den Button betätigen und er ist als 'an/gedrückt' dargestellt. Allerdings hat er den Taster nicht betätigt. Erst wenn ich den Button wieder ausschalte wird der virtuelle Taster im Homematic betätigt.

                              Mit service_data und der Entity funktioniert es. Es wird allerdings nicht angezeigt, dass der Button gedrückt wurde (keine Änderung des Aussehens des Buttons). Kann man da noch was anpassen?

                              das ist mal der Raw des zu betätigenden DPs

                              {
                                "type": "state",
                                "common": {
                                  "name": "Garagentor_zu:1.PRESS_SHORT",
                                  "def": false,
                                  "type": "boolean",
                                  "read": false,
                                  "write": true,
                                  "role": "button",
                                  "custom": {
                                    "lovelace.0": {
                                      "enabled": true,
                                      "entity": "switch",
                                      "name": "HmIP-RCV-1_1_PRESS_SHORT"
                                    }
                                  }
                                },
                                "native": {
                                  "MIN": false,
                                  "MAX": true,
                                  "OPERATIONS": 6,
                                  "FLAGS": 1,
                                  "ID": "PRESS_SHORT",
                                  "TYPE": "ACTION",
                                  "DEFAULT": false,
                                  "CONTROL": "BUTTON.SHORT"
                                },
                                "from": "system.adapter.hm-rega.0",
                                "user": "system.user.admin",
                                "ts": 1612331578711,
                                "_id": "hm-rpc.0.HmIP-RCV-1.1.PRESS_SHORT",
                                "acl": {
                                  "object": 1636,
                                  "state": 1636,
                                  "owner": "system.user.admin",
                                  "ownerGroup": "system.group.administrator"
                                }
                              }
                              
                              GarfonsoG Offline
                              GarfonsoG Offline
                              Garfonso
                              Developer
                              wrote on last edited by
                              #359

                              @steimi
                              Ich hab es immer noch nicht 100% verstanden... oder da stimmt irgendwo was nicht.

                              @steimi said in Test Adapter lovelace v1.2.x:

                              der DP soll nur einmal "gedrückt" werden und geht automatisch wieder aus da es ein Taster ist.

                              Wer macht den denn "aus". Oder soll das auch lovelace machen? Also gibt es eine Logik die sich darum kümmert? Oder ist es am Ende egal auf welchem Wert der State steht (sollte bei Rolle "button" eigentlich so sein, fürchte ich).

                              Wenn ich ihn als Button in Lovelace als Entity definierte kann ich den Button betätigen und er ist als >'an/gedrückt' dargestellt. Allerdings hat er den Taster nicht betätigt. Erst wenn ich den Button wieder >ausschalte wird der virtuelle Taster im Homematic betätigt.

                              das würde dann heißen, dass in Homematic erst der Trigger ankommt, wenn der "Taster" wieder auf false geht? (beim "anschalten" geht der status auf "true" und beim "ausschalten" auf "false").

                              Mit service_data und der Entity funktioniert es. Es wird allerdings nicht angezeigt, dass der Button gedrückt wurde (keine Änderung des Aussehens des Buttons). Kann man da noch was anpassen?

                              Wie sollte das deiner Meinung nach aussehen? Bzw. "bis wann" sollte der Knopf anders aussehen? Hast du es mit turn_on oder turn_off realisiert? Eigentlich sollte bei turn_on die Button Card auch den Status darstellen können.
                              Vermutlich kann man da zur Not auch was mit styles realisieren.

                              Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                              Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                              1 Reply Last reply
                              0
                              • H Offline
                                H Offline
                                haumichel
                                wrote on last edited by
                                #360

                                Hallo zusammen,

                                durch einen totalen Crash und auch noch einem versauten Backup bin ich gerade dabei, meinen ioBroker komplett neu zu bauen.
                                Leider bekomme ich es überhaupt nicht hin ein dunkles Theme einzubinden. Egal welches ich per Copy & Paste auf Konfigurationsseite einbinde, es wird nicht angezeigt.
                                Was mache ich falsch?
                                Folgendes Theme habe ich gerade erfolglos versucht:

                                GreyNight:
                                  # MyVariables
                                  base-hue: '220' #Controls the base (and accent) color hue (0-360) | 0=Red 60=Yellow 120=Green 180=Cyan 240=Blue 300=Magenta 360=Red
                                  base-sat: '5%' #Controls the saturation of the theme (0%-100%) | 0%=Grey 100%=Full Saturation
                                  # MyVar
                                  huesat: 'var(--base-hue), var(--base-sat),'
                                  # Primary Color
                                  primary-color: 'hsl(var(--huesat) 36%)' #header colors and some text colors
                                  dark-primary-color: 'hsl(var(--huesat) 60%)'
                                  light-primary-color: 'hsl(var(--huesat) 90%)'
                                  accent-color: 'hsl(var(--huesat) 30%)'
                                  medium-grey-color: '#202020'
                                  # Backgrounds
                                  primary-background-color: 'hsl(var(--huesat) 16%)'
                                  secondary-background-color: 'hsl(var(--huesat) 16%)' # background behind cards
                                  paper-listbox-background-color: 'hsl(var(--huesat) 16%)'
                                  paper-card-background-color: 'hsl(var(--huesat) 12%)'
                                  paper-dialog-background-color: 'var(--paper-card-background-color)'
                                  table-row-background-color: 'hsl(var(--huesat) 12%)'
                                  table-row-alternative-background-color: 'hsl(var(--huesat) 10%)'
                                  card-background-color: 'var(--paper-card-background-color)'
                                  # Divider
                                  divider-color: 'hsla(0, 0%, 0%, 0)'
                                  dark-divider-opacity: '0'
                                  light-divider-opacity: '0'
                                  dark-secondary-opacity: '1'
                                  # Text colors
                                  primary-text-color: 'hsl(var(--huesat) 90%)'
                                  text-primary-color: 'hsl(var(--huesat) 90%)'
                                  secondary-text-color: 'hsl(var(--huesat) 80%)'
                                  disabled-text-color: 'hsl(var(--huesat) 70%)'
                                  sidebar-text_-_color: 'hsl(var(--huesat) 90%)'
                                  sidebar-text-color: 'hsl(var(--huesat) 90%)'
                                  paper-card-header-color: 'hsl(var(--huesat) 90%)'
                                  paper-button-ink-color: 'hsl(var(--huesat) 50%)'
                                  # Text Adjustments
                                  paper-font-headline_-_letter-spacing: '-0.5px'
                                  paper-font-headline_-_font-weight: '400'
                                  paper-font-body1_-_font-weight: '300'
                                  # Nav Menu
                                  paper-listbox-color: 'hsl(var(--huesat) 50%)'
                                  paper-grey-50: 'hsl(var(--huesat) 50%)'
                                  paper-grey-200: 'hsl(var(--huesat) 10%)' #active menu item
                                  sidebar-icon-color: 'hsl(var(--huesat) 50%)' #iron-icon-fill-color
                                  # Paper card
                                  paper-item-icon-color: 'hsl(var(--huesat) 40%)'
                                  #paper-item-icon-active-color: 'var(--paper-item-icon-color)'
                                  paper-item-icon_-_color: 'var(--paper-item-icon-color)'
                                  paper-item-selected_-_background-color: 'hsla(0, 0%, 0%, 0.2)'
                                  paper-item-selected_-_color: 'hsl(var(--huesat) 20%)' #?
                                  paper-tabs-selection-bar-color: 'hsla(0, 0%, 0%, 0.2)'
                                  paper-tab-ink: 'hsl(var(--huesat) 70%)'
                                  paper-input-container-color: 'hsl(var(--huesat) 60%)'
                                  # Labels
                                  label-badge-red: 'hsl(20, 50%, 25%)'
                                  label-badge-border-color: 'var(--label-badge-red)'
                                  label-badge-background-color: 'var(--paper-card-background-color)'
                                  label-badge-text-color: 'var(--primary-text-color)'
                                  # Shadows
                                  shadow-elevation-2dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 10%)'
                                  shadow-elevation-16dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 25%)'
                                  # Switches
                                  paper-toggle-button-checked-button-color: 'hsl(var(--base-hue), 90%, 50%)'
                                  paper-toggle-button-checked-bar-color: 'hsl(var(--huesat) 25%)'
                                  paper-toggle-button-unchecked-button-color: 'hsl(var(--huesat) 25%)'
                                  paper-toggle-button-unchecked-bar-color: 'hsl(var(--huesat) 5%)'
                                  # Sliders
                                  paper-slider-knob-color:  'hsl(var(--base-hue), 90%, 50%)'
                                  paper-slider-knob-start-color: 'hsl(var(--base-hue), 80%, 25%)'
                                  paper-slider-pin-color:  'hsl(var(--base-hue), 90%, 50%)'
                                  paper-slider-active-color:  'hsl(var(--base-hue), 90%, 50%)'
                                  paper-slider-container-color: 'hsl(var(--huesat) 28%)'
                                  paper-slider-secondary-color: 'hsl(var(--huesat) 90%)'
                                  paper-slider-disabled-active-color: 'hsl(var(--base-hue), 80%, 25%)'
                                  paper-slider-disabled-secondary-color: 'hsl(var(--base-hue), 80%, 25%)'
                                  paper-dialog-color: 'hsl(var(--base-hue), 20%, 80%)'
                                  
                                  #Changes to fix history/logbook menus
                                  lumo-primary-text-color: 'var(--primary-color)'
                                  lumo-secondary-text-color: 'var(--primary-color)'
                                  lumo-primary-color: 'var(--primary-color)'
                                  lumo-primary-color-50pct: 'rgba(37,129,172, .5)'
                                  lumo-primary-color-10pct: 'rgba(37,129,172, .1)'
                                  #Calendar day numbers
                                  lumo-body-text-color: 'var(--primary-text-color)'
                                  #Calendar/Date-Picker Background
                                  lumo-base-color: 'var(--medium-grey-color)'
                                  #Month/Year header
                                  lumo-header-text-color: 'var(--lumo-body-text-color)'
                                  #DayOfWeek Header
                                  lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
                                  # Background of date in History/Logbook that you clcim to view date-picker
                                  lumo-shade: 'var(--medium-grey-color)'
                                  lumo-shade-90pct: 'rgba(41, 41, 41, .9)'
                                  lumo-shade-80pct: 'rgba(41, 41, 41, .8)'
                                  lumo-shade-70pct: 'rgba(41, 41, 41, .7)'
                                  lumo-shade-60pct: 'rgba(41, 41, 41, .6)'
                                  lumo-shade-50pct: 'rgba(41, 41, 41, .5)'
                                  lumo-shade-40pct: 'rgba(41, 41, 41, .4)'
                                  lumo-shade-30pct: 'rgba(41, 41, 41, .3)'
                                  lumo-shade-20pct: 'rgba(41, 41, 41, .2)'
                                  lumo-shade-10pct: 'rgba(41, 41, 41, .1)'
                                  lumo-shade-5pct: 'rgba(41, 41, 41, .05)'
                                  #Removes Gradient in Calendar/Date-Picker and Drop-down lists
                                  lumo-tint-5pct: 'var(--darker-grey-color)'
                                
                                David G.D 1 Reply Last reply
                                0
                                • H haumichel

                                  Hallo zusammen,

                                  durch einen totalen Crash und auch noch einem versauten Backup bin ich gerade dabei, meinen ioBroker komplett neu zu bauen.
                                  Leider bekomme ich es überhaupt nicht hin ein dunkles Theme einzubinden. Egal welches ich per Copy & Paste auf Konfigurationsseite einbinde, es wird nicht angezeigt.
                                  Was mache ich falsch?
                                  Folgendes Theme habe ich gerade erfolglos versucht:

                                  GreyNight:
                                    # MyVariables
                                    base-hue: '220' #Controls the base (and accent) color hue (0-360) | 0=Red 60=Yellow 120=Green 180=Cyan 240=Blue 300=Magenta 360=Red
                                    base-sat: '5%' #Controls the saturation of the theme (0%-100%) | 0%=Grey 100%=Full Saturation
                                    # MyVar
                                    huesat: 'var(--base-hue), var(--base-sat),'
                                    # Primary Color
                                    primary-color: 'hsl(var(--huesat) 36%)' #header colors and some text colors
                                    dark-primary-color: 'hsl(var(--huesat) 60%)'
                                    light-primary-color: 'hsl(var(--huesat) 90%)'
                                    accent-color: 'hsl(var(--huesat) 30%)'
                                    medium-grey-color: '#202020'
                                    # Backgrounds
                                    primary-background-color: 'hsl(var(--huesat) 16%)'
                                    secondary-background-color: 'hsl(var(--huesat) 16%)' # background behind cards
                                    paper-listbox-background-color: 'hsl(var(--huesat) 16%)'
                                    paper-card-background-color: 'hsl(var(--huesat) 12%)'
                                    paper-dialog-background-color: 'var(--paper-card-background-color)'
                                    table-row-background-color: 'hsl(var(--huesat) 12%)'
                                    table-row-alternative-background-color: 'hsl(var(--huesat) 10%)'
                                    card-background-color: 'var(--paper-card-background-color)'
                                    # Divider
                                    divider-color: 'hsla(0, 0%, 0%, 0)'
                                    dark-divider-opacity: '0'
                                    light-divider-opacity: '0'
                                    dark-secondary-opacity: '1'
                                    # Text colors
                                    primary-text-color: 'hsl(var(--huesat) 90%)'
                                    text-primary-color: 'hsl(var(--huesat) 90%)'
                                    secondary-text-color: 'hsl(var(--huesat) 80%)'
                                    disabled-text-color: 'hsl(var(--huesat) 70%)'
                                    sidebar-text_-_color: 'hsl(var(--huesat) 90%)'
                                    sidebar-text-color: 'hsl(var(--huesat) 90%)'
                                    paper-card-header-color: 'hsl(var(--huesat) 90%)'
                                    paper-button-ink-color: 'hsl(var(--huesat) 50%)'
                                    # Text Adjustments
                                    paper-font-headline_-_letter-spacing: '-0.5px'
                                    paper-font-headline_-_font-weight: '400'
                                    paper-font-body1_-_font-weight: '300'
                                    # Nav Menu
                                    paper-listbox-color: 'hsl(var(--huesat) 50%)'
                                    paper-grey-50: 'hsl(var(--huesat) 50%)'
                                    paper-grey-200: 'hsl(var(--huesat) 10%)' #active menu item
                                    sidebar-icon-color: 'hsl(var(--huesat) 50%)' #iron-icon-fill-color
                                    # Paper card
                                    paper-item-icon-color: 'hsl(var(--huesat) 40%)'
                                    #paper-item-icon-active-color: 'var(--paper-item-icon-color)'
                                    paper-item-icon_-_color: 'var(--paper-item-icon-color)'
                                    paper-item-selected_-_background-color: 'hsla(0, 0%, 0%, 0.2)'
                                    paper-item-selected_-_color: 'hsl(var(--huesat) 20%)' #?
                                    paper-tabs-selection-bar-color: 'hsla(0, 0%, 0%, 0.2)'
                                    paper-tab-ink: 'hsl(var(--huesat) 70%)'
                                    paper-input-container-color: 'hsl(var(--huesat) 60%)'
                                    # Labels
                                    label-badge-red: 'hsl(20, 50%, 25%)'
                                    label-badge-border-color: 'var(--label-badge-red)'
                                    label-badge-background-color: 'var(--paper-card-background-color)'
                                    label-badge-text-color: 'var(--primary-text-color)'
                                    # Shadows
                                    shadow-elevation-2dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 10%)'
                                    shadow-elevation-16dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 25%)'
                                    # Switches
                                    paper-toggle-button-checked-button-color: 'hsl(var(--base-hue), 90%, 50%)'
                                    paper-toggle-button-checked-bar-color: 'hsl(var(--huesat) 25%)'
                                    paper-toggle-button-unchecked-button-color: 'hsl(var(--huesat) 25%)'
                                    paper-toggle-button-unchecked-bar-color: 'hsl(var(--huesat) 5%)'
                                    # Sliders
                                    paper-slider-knob-color:  'hsl(var(--base-hue), 90%, 50%)'
                                    paper-slider-knob-start-color: 'hsl(var(--base-hue), 80%, 25%)'
                                    paper-slider-pin-color:  'hsl(var(--base-hue), 90%, 50%)'
                                    paper-slider-active-color:  'hsl(var(--base-hue), 90%, 50%)'
                                    paper-slider-container-color: 'hsl(var(--huesat) 28%)'
                                    paper-slider-secondary-color: 'hsl(var(--huesat) 90%)'
                                    paper-slider-disabled-active-color: 'hsl(var(--base-hue), 80%, 25%)'
                                    paper-slider-disabled-secondary-color: 'hsl(var(--base-hue), 80%, 25%)'
                                    paper-dialog-color: 'hsl(var(--base-hue), 20%, 80%)'
                                    
                                    #Changes to fix history/logbook menus
                                    lumo-primary-text-color: 'var(--primary-color)'
                                    lumo-secondary-text-color: 'var(--primary-color)'
                                    lumo-primary-color: 'var(--primary-color)'
                                    lumo-primary-color-50pct: 'rgba(37,129,172, .5)'
                                    lumo-primary-color-10pct: 'rgba(37,129,172, .1)'
                                    #Calendar day numbers
                                    lumo-body-text-color: 'var(--primary-text-color)'
                                    #Calendar/Date-Picker Background
                                    lumo-base-color: 'var(--medium-grey-color)'
                                    #Month/Year header
                                    lumo-header-text-color: 'var(--lumo-body-text-color)'
                                    #DayOfWeek Header
                                    lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
                                    # Background of date in History/Logbook that you clcim to view date-picker
                                    lumo-shade: 'var(--medium-grey-color)'
                                    lumo-shade-90pct: 'rgba(41, 41, 41, .9)'
                                    lumo-shade-80pct: 'rgba(41, 41, 41, .8)'
                                    lumo-shade-70pct: 'rgba(41, 41, 41, .7)'
                                    lumo-shade-60pct: 'rgba(41, 41, 41, .6)'
                                    lumo-shade-50pct: 'rgba(41, 41, 41, .5)'
                                    lumo-shade-40pct: 'rgba(41, 41, 41, .4)'
                                    lumo-shade-30pct: 'rgba(41, 41, 41, .3)'
                                    lumo-shade-20pct: 'rgba(41, 41, 41, .2)'
                                    lumo-shade-10pct: 'rgba(41, 41, 41, .1)'
                                    lumo-shade-5pct: 'rgba(41, 41, 41, .05)'
                                    #Removes Gradient in Calendar/Date-Picker and Drop-down lists
                                    lumo-tint-5pct: 'var(--darker-grey-color)'
                                  
                                  David G.D Online
                                  David G.D Online
                                  David G.
                                  wrote on last edited by
                                  #361

                                  @haumichel
                                  Hast du mal ein xbelibiges anderes Theme getestet?

                                  Zeigt eure Lovelace-Visualisierung klick
                                  (Auch ideal um sich Anregungen zu holen)

                                  Meine Tabellen für eure Visualisierung klick

                                  H 1 Reply Last reply
                                  0
                                  • David G.D David G.

                                    @haumichel
                                    Hast du mal ein xbelibiges anderes Theme getestet?

                                    H Offline
                                    H Offline
                                    haumichel
                                    wrote on last edited by
                                    #362

                                    @david-g
                                    Hallo David,

                                    ja, ich habe schon einige getestet. Hier aus dem Forum, direkt von GitHub und auch aus dem HomeAssistant Forum. Hat leider alles nicht funktioniert.

                                    David G.D 1 Reply Last reply
                                    0
                                    • H haumichel

                                      @david-g
                                      Hallo David,

                                      ja, ich habe schon einige getestet. Hier aus dem Forum, direkt von GitHub und auch aus dem HomeAssistant Forum. Hat leider alles nicht funktioniert.

                                      David G.D Online
                                      David G.D Online
                                      David G.
                                      wrote on last edited by
                                      #363

                                      @haumichel

                                      Und du fügst es ein, wählst dann im dropdown den Namen und dann auf übernehmen?

                                      Zeigt eure Lovelace-Visualisierung klick
                                      (Auch ideal um sich Anregungen zu holen)

                                      Meine Tabellen für eure Visualisierung klick

                                      H 1 Reply Last reply
                                      0
                                      • David G.D David G.

                                        @haumichel

                                        Und du fügst es ein, wählst dann im dropdown den Namen und dann auf übernehmen?

                                        H Offline
                                        H Offline
                                        haumichel
                                        wrote on last edited by
                                        #364

                                        @david-g
                                        Ich klicke nach der Auswahl auf Speichern. Einen Übernehmen-Button habe ich bei mir noch nicht entdeckt.
                                        Wenn ich das nächste Mal die Konfigseite aufrufe, steht es wieder auf Standard. Wenn ich dann wieder ein anderes Theme auswähle, ist die Speichern-Schaltfläche weiterhin ausgegraut. ich muss dann erst in den Yaml-Text und eine Änderung machen. Dann kann ich es wieder speichern. Steht beim nächsten Mal aber wieder auf Standard.

                                        David G.D GarfonsoG 2 Replies Last reply
                                        0
                                        • H haumichel

                                          @david-g
                                          Ich klicke nach der Auswahl auf Speichern. Einen Übernehmen-Button habe ich bei mir noch nicht entdeckt.
                                          Wenn ich das nächste Mal die Konfigseite aufrufe, steht es wieder auf Standard. Wenn ich dann wieder ein anderes Theme auswähle, ist die Speichern-Schaltfläche weiterhin ausgegraut. ich muss dann erst in den Yaml-Text und eine Änderung machen. Dann kann ich es wieder speichern. Steht beim nächsten Mal aber wieder auf Standard.

                                          David G.D Online
                                          David G.D Online
                                          David G.
                                          wrote on last edited by
                                          #365

                                          @haumichel

                                          Wenn ich in die Setting gehe, ist auch das Standart-Theme ausgewählt.

                                          Das Speichern von vorher hat er aber trotzdem übernommen.

                                          So klappt es bei mir:
                                          video

                                          Zeigt eure Lovelace-Visualisierung klick
                                          (Auch ideal um sich Anregungen zu holen)

                                          Meine Tabellen für eure Visualisierung klick

                                          H 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          109

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe