Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter lovelace v0.2.x

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Test Adapter lovelace v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • G
      g.polat @rumpelstilzche last edited by

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

      @thehero9999
      dankeeee😚 , es funktioniert✊ 😊 😂

      type: 'custom:weather-card'
      entity: weather.Weather_Summary
      name: Berlin
      windunit: km/h
      pressureunit: mmHg
      tempunit: C
      waterunit: mm
      convertspeedtoms: km/h
      convertpressuretomm: false
      convertemptof: false
      

      4.png

      Kannst du dein Hintergrund und dein theme teilen?

      R 1 Reply Last reply Reply Quote 0
      • F
        fd_samdi last edited by

        Ahhh bin ich verliebt was mit lovelace alles möglich ist.

        lovelace_gif.gif

        Ich weiß, gehört hier nicht in den Test Thread, aber wer es nachbauen will:
        http://gsf.diphda.uberspace.de/smarthome/2020/01/21/iobroker-tr064-lovelace-anruferkennung-per-popup-auf-dashboard/
        Bin gerade mit der ganzen Anleitung fertig geworden.

        1 Reply Last reply Reply Quote 3
        • W
          WW1983 last edited by

          Hat zufällig jemand schon geschafft den Header transparent zu machen. Bei diesem Theme gibt es zwar eine Anleitung, aber habs bisher nicht geschafft:

          theme-overview.jpg

          https://github.com/basnijholt/lovelace-ios-dark-mode-theme

          1 Reply Last reply Reply Quote 0
          • R
            rumpelstilzche @g.polat last edited by rumpelstilzche

            @g-polat
            Ja gerne 😊 Hintergrund
            5.jpg
            4.jpg

            Area51:
               # Main colors
               primary-color: '#5294E2'                                                        # 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: 'white'                                                   # 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'
            

            1 Reply Last reply Reply Quote 0
            • P
              Ph4t0n last edited by Ph4t0n

              Moin zusammen,
              kann mir jemand verraten warum mein ChromecastUltra als geo_location. Entity erkannt wird anstatt media_player.?
              Die Attribute sehen ja gut aus, wie man auf dem Screenshot sehen kann.
              Ich hatte schonmal als Rolle "media.state" eingetragen beim Chromcast, das hat aber leider nicht geholfen.
              Habt ihr einen Tip was ich noch ausporbieren kann?

              Danke im Voraus!
              chromecast.png

              1 Reply Last reply Reply Quote 0
              • W
                WW1983 last edited by

                Habe immer noch das Problem, dass die Hue Lampen bei mir im ausgeschalteten Zustand in Rot angezeigt werden. Ich glaube allerdings das es eher mit Hue selber zutun hat. Hat zufällig noch jemand das Problem?
                1578836822158-anmerkung-2020-01-12-144654.png

                1 Reply Last reply Reply Quote 0
                • A
                  AhleWurscht75 @g.polat last edited by

                  @g-polat
                  Hallo, ich wollte nach Deiner Anleitung vorgehen.
                  In meiner iobroker dateistruktur habe ich allerdings den angegebenen Pfad ->/opt/iobroker/node_modules/iobroker.lovelace/node_modules/iobroker.type-detector/index.js

                  bzw. den o.a. fettgedruckten Ordner nicht. Ich wollte eigentlich die index.js Datei da einfach reinschieben.
                  Muss ich den type-detector installieren? Wenn ja, wie mache ich das...

                  Danke für eine kurze Hilfe

                  thehero9999 1 Reply Last reply Reply Quote 0
                  • thehero9999
                    thehero9999 @AhleWurscht75 last edited by

                    @AhleWurscht75
                    Dann installiere den type-detector:
                    root@ioBroker:/opt/iobroker# npm install iobroker.type-detector

                    A 1 Reply Last reply Reply Quote 0
                    • A
                      AhleWurscht75 @thehero9999 last edited by

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

                      npm install iobroker.type-detector

                      Danke für die Antwort, allerdings ist ist der Ordner iobroker.type-detector immer noch nicht vorhanden.
                      Habe z.Zt. die Version 1.0.7 auf laufen, versuche es nun mal mit der neuesten Version

                      1 Reply Last reply Reply Quote 0
                      • marcuskl
                        marcuskl last edited by

                        Jemand schon umgesetzt, ein Kalender mit Terminen anzeigen zu lassen?

                        1 Reply Last reply Reply Quote 0
                        • A
                          allgrind @marcuskl last edited by

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

                          Will mal mein bisheriges Ergebnis mit Lovelace Teilen 🙂
                          lovelacegif0.gif lovelace9.png lovelace8.png lovelace7.png lovelace6.png lovelace5.png lovelace4.png lovelace3.png lovelace2.png lovelace1.png

                          title: Home
                          views:
                           - path: ''
                             title: ''
                             theme: transparent
                             icon: 'mdi:home-account'
                             badges: []
                             cards:
                               - type: weather-forecast
                                 entity: weather.Gaggenau__Baden_W_rttemberg_Deutschland_
                                 name: Wetter Gaggenau
                                 theme: transparent
                               - type: 'custom:vertical-stack-in-card'
                                 title: Szenen
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.zentral_aus
                                         color_type: icon
                                         icon: 'mdi:flash-off'
                                         name: Zentral aus
                                         state:
                                           - value: 'off'
                                             color: 'rgb(255, 64, 64)'
                                         tap_action:
                                           action: toggle
                                           confirmation:
                                             text: >-
                                               [[[ return `Sicher, dass Sie alles ausschalten wollen ?`
                                               ]]]
                                       - type: 'custom:button-card'
                                         entity: switch.bettfertig
                                         icon: 'mdi:bed-king-outline'
                                         name: Bettfertig
                                         tap_action:
                                           action: toggle
                                           confirmation:
                                             text: >-
                                               [[[ return `Schaltet alles, bis auf die Nachtlichter aus!`
                                               ]]]
                                       - type: 'custom:button-card'
                                         entity: switch.fernsehabend
                                         icon: 'mdi:television-classic'
                                         name: Fernsehabend
                                         tap_action:
                                           action: toggle
                                           confirmation:
                                             text: >-
                                               [[[ return `Schaltet Fernseher ein, Farbe rot und
                                               Wohnzimmerlicht aus` ]]]
                               - type: picture
                                 image: /cards/Google-Home-Mini-OK-Google.jpg
                                 tap_action:
                                   action: none
                                 hold_action:
                                   action: none
                               - type: shopping-list
                                 title: Einkaufsliste
                               - type: 'custom:slideshow-card'
                                 arrow_color: var(--primary-text-color)
                                 arrow_opacity: 0.7
                                 cards:
                                   - type: entities
                                     column_width: 30%
                                     title: Wohnzimmer
                                     entities:
                                       - entity: light.Wohnzimmerlicht
                                         name: Deckenlampe
                                         icon: 'mdi:ceiling-light'
                                       - entity: light.Stehlampe
                                         name: Stehlampe
                                         icon: 'mdi:floor-lamp'
                                       - entity: light.LED_Strips_Wohnzimmer
                                         name: LED Strips
                                         icon: 'mdi:led-strip-variant'
                                   - type: entities
                                     title: Schlafzimmer
                                     column_width: 30%
                                     entities:
                                       - entity: light.Schlafzimmerlicht
                                         name: Deckenlampe
                                         icon: 'mdi:ceiling-light'
                                       - entity: light.Nachtlicht_Benchy_POWER
                                         icon: 'mdi:lamp'
                                       - entity: light.Nachtlicht_Marcus_POWER
                                         icon: 'mdi:lamp'
                                   - type: entities
                                     title: Flur
                                     column_width: 30%
                                     entities:
                                       - entity: light.Flurlicht
                                         name: Deckenlampe
                                         icon: 'mdi:ceiling-light'
                                       - entity: light.nachtlicht_flur
                                         name: Nachtlicht Flur
                                         icon: 'mdi:lamp'
                                   - type: entities
                                     title: Küche
                                     column_width: 30%
                                     entities:
                                       - entity: light.K_chenlicht_POWER
                                         name: Deckenlampe
                                         icon: 'mdi:ceiling-light'
                                   - type: entities
                                     title: Kinderzimmer
                                     column_width: 30%
                                     entities:
                                       - entity: light.Nachtlicht_Liah_POWER
                                         icon: 'mdi:lamp'
                               - type: 'custom:slideshow-card'
                                 fill: true
                                 arrow_color: White
                                 arrow_opacity: 0.5
                                 auto_play: true
                                 auto_delay: 7
                                 style:
                                   border-radius: 25px
                                 cards:
                                   - type: picture
                                     image: /cards/DSC_0003-min.JPG
                                   - type: picture
                                     image: /cards/compress12.jpg
                                   - type: picture
                                     image: /cards/DSC_0020-min.JPG
                                   - type: picture
                                     image: /cards/DSC_0008-min.JPG
                                   - type: picture
                                     image: /cards/compress43.jpg
                                   - type: picture
                                     image: /cards/DSC_0010-min.JPG
                                   - type: picture
                                     image: /cards/DSC_0006-min.JPG
                                   - type: picture
                                     image: /cards/DSC_0031-min.JPG
                                   - type: picture
                                     image: /cards/DSC_0025-min.JPG
                                   - type: picture
                                     image: /cards/compress57.jpg
                                   - type: picture
                                     image: /cards/DSC_0039-min.JPG
                                   - type: picture
                                     image: /cards/DSC_0034-min.JPG
                                   - type: picture
                                     image: /cards/DSC_0040-min.JPG
                                   - type: picture
                                     image: /cards/compress74.jpg
                                   - type: picture
                                     image: /cards/compress9.jpg
                           - cards:
                               - type: entities
                                 entities:
                                   - entity: switch.TV_Steckdose_POWER
                                 title: Wohnzimmer
                               - type: 'custom:vertical-stack-in-card'
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: entities
                                         show_header_toggle: false
                                         entities:
                                           - entity: switch.switch_on
                                         title: Schlafzimmer
                                   - type: 'custom:button-entity-row'
                                     buttons:
                                       - entity: switch.schreibtischsteckdose_automatik
                                         name: Automatische Abschaltung
                                         state_icons:
                                           'off': 'mdi:timer-off'
                                           'on': 'mdi:timer'
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:mini-graph-card'
                                         name: Schreibtisch Strom aktuell
                                         show_name: false
                                         icon: 'mdi:flash'
                                         entities:
                                           - sensor.Schreibtisch_Strom
                             badges: []
                             title: ''
                             icon: 'mdi:power-socket-eu'
                           - cards:
                               - type: vertical-stack
                                 cards:
                                   - type: entities
                                     title: Wohnzimmer
                                     entities:
                                       - entity: light.Wohnzimmerlicht
                                         name: Deckenlampe
                                         icon: 'mdi:ceiling-light'
                                       - entity: light.Stehlampe
                                         name: Stehlampe
                                         icon: 'mdi:floor-lamp'
                                       - type: 'custom:button-entity-row'
                                         buttons:
                                           - entity: switch.rgb_syncron
                                             name: Syncronisierung
                                             state_icons:
                                               'off': 'mdi:sync-off'
                                               'on': 'mdi:sync'
                                       - entity: light.LED_Strips_Wohnzimmer
                                         name: LED Strips
                                         icon: 'mdi:led-strip-variant'
                                       - type: 'custom:button-entity-row'
                                         buttons:
                                           - entity: switch.led_strips_automatik
                                             name: Automatik
                                             state_icons:
                                               'off': 'mdi:sync-off'
                                               'on': 'mdi:sync'
                                       - entity: light.Weihnachtsbaum
                                         name: Weihnachtsbaum Beleuchtung
                                         icon: 'mdi:pine-tree'
                                   - type: horizontal-stack
                                     title: Wohnzimmer Farbwahl
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 40px
                                             - width: 40px
                                       - type: 'custom:button-card'
                                         icon: 'mdi:palette'
                                         size: 40px
                                         styles:
                                           card:
                                             - height: 40px
                                             - width: 40px
                                       - type: 'custom:button-card'
                                         entity: switch.red
                                         color_type: card
                                         show_icon: false
                                         show_name: false
                                         state:
                                           - value: 'on'
                                             color: 'rgb(245, 98, 93)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                           - value: 'off'
                                             color: 'rgb(245, 98, 93)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                       - type: 'custom:button-card'
                                         entity: switch.blue
                                         color_type: card
                                         show_icon: false
                                         show_name: false
                                         state:
                                           - value: 'on'
                                             color: 'rgb(93, 126, 245)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                           - value: 'off'
                                             color: 'rgb(93, 126, 245)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                       - type: 'custom:button-card'
                                         entity: switch.green
                                         color_type: card
                                         show_icon: false
                                         show_name: false
                                         state:
                                           - value: 'on'
                                             color: 'rgb(93, 245, 96)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                           - value: 'off'
                                             color: 'rgb(93, 245, 96)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                       - type: 'custom:button-card'
                                         entity: switch.violett
                                         color_type: card
                                         show_icon: false
                                         show_name: false
                                         state:
                                           - value: 'on'
                                             color: 'rgb(232, 93, 245)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                           - value: 'off'
                                             color: 'rgb(232, 93, 245)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                       - type: 'custom:button-card'
                                         entity: switch.turkis
                                         color_type: card
                                         show_icon: false
                                         show_name: false
                                         state:
                                           - value: 'on'
                                             color: 'rgb(93, 245, 210)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                           - value: 'off'
                                             color: 'rgb(93, 245, 210)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 40px
                                             - width: 40px
                                       - type: 'custom:button-card'
                                         icon: 'mdi:thermometer'
                                         size: 40px
                                         styles:
                                           card:
                                             - height: 40px
                                             - width: 40px
                                       - type: 'custom:button-card'
                                         entity: switch.warmweiß
                                         color_type: card
                                         show_icon: false
                                         show_name: false
                                         state:
                                           - value: 'on'
                                             color: 'rgb(255, 202, 87)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                           - value: 'off'
                                             color: 'rgb(255, 202, 87)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                       - type: 'custom:button-card'
                                         entity: switch.kaltweiß
                                         color_type: card
                                         show_icon: false
                                         show_name: false
                                         state:
                                           - value: 'on'
                                             color: 'rgb(255, 254, 252)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                                           - value: 'off'
                                             color: 'rgb(255, 254, 252)'
                                             styles:
                                               card:
                                                 - height: 40px
                                                 - width: 40px
                               - type: entities
                                 entities:
                                   - entity: light.Schlafzimmerlicht
                                     name: Deckenlampe
                                     icon: 'mdi:ceiling-light'
                                   - entity: light.Nachtlicht_Marcus_POWER
                                     icon: 'mdi:lamp'
                                   - entity: light.Nachtlicht_Benchy_POWER
                                     icon: 'mdi:lamp'
                                   - entity: light.Schreibtischlampe
                                     icon: 'mdi:desk-lamp'
                                 title: Schlafzimmer
                                 show_header_toggle: true
                               - type: entities
                                 entities:
                                   - entity: light.Nachtlicht_Liah_POWER
                                     icon: 'mdi:lamp'
                                 title: Kinderzimmer
                               - type: entities
                                 entities:
                                   - entity: light.K_chenlicht_POWER
                                     name: Deckenlampe
                                     icon: 'mdi:ceiling-light'
                                 title: Küche
                               - type: 'custom:vertical-stack-in-card'
                                 title: Flur
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: entities
                                         show_header_toggle: false
                                         entities:
                                           - entity: light.Flurlicht
                                             name: Deckenlampe
                                             icon: 'mdi:ceiling-light'
                                           - entity: light.nachtlicht_flur
                                             name: Nachtlicht
                                             icon: 'mdi:lamp'
                                   - type: 'custom:button-entity-row'
                                     buttons:
                                       - entity: switch.flurlicht_automatik
                                         name: Bewegung erkennen
                                         state_icons:
                                           'off': 'mdi:eye-off'
                                           'on': 'mdi:motion-sensor'
                             badges: []
                             title: ''
                             icon: 'mdi:lightbulb-on-outline'
                           - icon: 'mdi:television-classic'
                             badges: []
                             cards:
                               - type: 'custom:vertical-stack-in-card'
                                 cards:
                                   - type: 'custom:button-card'
                                     name: Fernseher
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: switch.Switch_TV_power
                                         show_name: false
                                         size: 40px
                                         icon: 'mdi:power'
                                         show_label: false
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 40px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_back
                                         icon: 'mdi:arrow-left'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_menu
                                         icon: 'mdi:menu'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_home
                                         icon: 'mdi:home'
                                         show_name: false
                                         size: 40px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 50px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.tv_remote_netflix
                                         icon: 'mdi:netflix'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_up
                                         icon: 'mdi:chevron-up'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: switch.tv_remote_amazon
                                         icon: 'mdi:amazon'
                                         show_name: false
                                         size: 40px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 50px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_left
                                         icon: 'mdi:chevron-left'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_enter
                                         icon: 'mdi:circle'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_right
                                         icon: 'mdi:chevron-right'
                                         show_name: false
                                         size: 40px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 50px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_down
                                         icon: 'mdi:chevron-down'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 50px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_channel_up
                                         icon: 'mdi:chevron-up'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         icon: 'mdi:alpha-p-box-outline'
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_channel_down
                                         icon: 'mdi:chevron-down'
                                         show_name: false
                                         size: 40px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 50px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_rewind
                                         icon: 'mdi:rewind'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_play
                                         icon: 'mdi:play-pause'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_remote_forward
                                         icon: 'mdi:fast-forward'
                                         show_name: false
                                         size: 40px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 50px
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_volume_down
                                         icon: 'mdi:volume-medium'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: switch.tv_remote_mute
                                         icon: 'mdi:volume-off'
                                         show_name: false
                                         size: 40px
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: media_player.tv_volume_up
                                         icon: 'mdi:volume-high'
                                         show_name: false
                                         size: 40px
                               - type: entities
                                 entities:
                                   - entity: input_select.tv_launch
                                     name: App auswählen
                                   - entity: input_number.FernseherVolume
                                     name: Lautstärke
                                     icon: 'mdi:volume-high'
                                   - entity: input_select.tv_remote_source
                                     name: Eingang auswählen
                                   - entity: input_text.tv_remote_popup
                                     name: Nachricht Popup
                                 title: Weitere Funktionen
                                 show_header_toggle: false
                           - title: ''
                             icon: 'mdi:speaker'
                             badges: []
                             cards:
                               - type: 'custom:vertical-stack-in-card'
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: entities
                                         show_header_toggle: false
                                         title: Wohnzimmer
                                         entities:
                                           - entity: input_number.GHomeWohnzimmer
                                             name: Google Home
                                             icon: 'mdi:google-home'
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.v_down_ghome_wohnzimmer
                                         icon: 'mdi:volume-minus'
                                         show_name: false
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         name: Volume
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: switch.v_up_ghome_wohnzimmer
                                         icon: 'mdi:volume-plus'
                                         show_name: false
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 30px
                               - type: 'custom:vertical-stack-in-card'
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: entities
                                         show_header_toggle: false
                                         title: Küche
                                         entities:
                                           - entity: input_number.GHomeKueche
                                             name: Google Home
                                             icon: 'mdi:google-home'
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.v_down_ghome_kueche
                                         icon: 'mdi:volume-minus'
                                         show_name: false
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         name: Volume
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: switch.v_up_ghome_kueche
                                         icon: 'mdi:volume-plus'
                                         show_name: false
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 30px
                               - type: 'custom:vertical-stack-in-card'
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: entities
                                         show_header_toggle: false
                                         title: Schlafzimmer
                                         entities:
                                           - entity: input_number.GHomeSchlafzimmer
                                             name: Google Home
                                             icon: 'mdi:google-home'
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.v_down_ghome_schlafzimmer
                                         icon: 'mdi:volume-minus'
                                         show_name: false
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         name: Volume
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                       - type: 'custom:button-card'
                                         entity: switch.v_up_ghome_schlafzimmer
                                         icon: 'mdi:volume-plus'
                                         show_name: false
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         color_type: blank-card
                                         styles:
                                           card:
                                             - height: 30px
                           - cards:
                               - type: 'custom:vertical-stack-in-card'
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         name: Automatik Programme
                                         double_tap_action:
                                           confirmation:
                                             text: Hand= Gerät muss Manuell geschalten werden
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.led_strips_automatik
                                         name: Automatik LED Stripes
                                         layout: icon_name
                                         show_name: true
                                         size: 40px
                                         state:
                                           - value: 'on'
                                             name: LED Stripes Auto
                                             icon: 'mdi:cached'
                                             color_type: icon
                                             styles:
                                               icon:
                                                 - animation: blink 2s ease infinite
                                           - value: 'off'
                                             name: LED Stripes Hand
                                             icon: 'mdi:gesture-tap'
                                             color_type: icon
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.flurlicht_automatik
                                         layout: icon_name_state
                                         show_name: true
                                         size: 40px
                                         state:
                                           - value: 'on'
                                             name: Flurlicht Auto
                                             icon: 'mdi:cached'
                                             color_type: icon
                                             styles:
                                               icon:
                                                 - animation: blink 2s ease infinite
                                           - value: 'off'
                                             name: Flurlicht Hand
                                             icon: 'mdi:gesture-tap'
                                             color_type: icon
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.schreibtischsteckdose_automatik
                                         layout: icon_name_state
                                         show_name: true
                                         size: 40px
                                         state:
                                           - value: 'on'
                                             name: Schreibtisch Auto
                                             icon: 'mdi:cached'
                                             color_type: icon
                                             styles:
                                               icon:
                                                 - animation: blink 2s ease infinite
                                           - value: 'off'
                                             name: Schreibtisch Hand
                                             icon: 'mdi:gesture-tap'
                                             color_type: icon
                                   - type: horizontal-stack
                                     cards:
                                       - type: 'custom:button-card'
                                         entity: switch.rgb_syncron
                                         layout: icon_name_state
                                         show_name: true
                                         size: 40px
                                         state:
                                           - value: 'on'
                                             name: RGB Syncron Auto
                                             icon: 'mdi:cached'
                                             color_type: icon
                                             styles:
                                               icon:
                                                 - animation: blink 2s ease infinite
                                           - value: 'off'
                                             name: RGB Syncron Hand
                                             icon: 'mdi:gesture-tap'
                                             color_type: icon
                             badges: []
                             title: ''
                             icon: 'mdi:console'
                             panel: false
                           - cards:
                               - type: 'custom:vertical-stack-in-card'
                                 title: Server (Intel Nuc)
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: gauge
                                         entity: sensor.CPU_Temperatur
                                         min: 0
                                         max: 100
                                         theme: default
                                         name: CPU Temp.
                                         unit: °C
                                         severity:
                                           green: 0
                                           yellow: 65
                                           red: 80
                                       - type: gauge
                                         entity: sensor.pve_cpu_utilization
                                         min: 0
                                         max: 100
                                         theme: default
                                         name: CPU
                                         unit: '%'
                                         severity:
                                           green: 0
                                           yellow: 60
                                           red: 80
                                       - type: gauge
                                         entity: sensor.server_ram_auslastung
                                         min: 0
                                         max: 100
                                         theme: default
                                         name: Ram
                                         unit: '%'
                                         severity:
                                           green: 0
                                           yellow: 60
                                           red: 80
                               - type: 'custom:mini-graph-card'
                                 name: Server CPU Auslastung
                                 icon: 'mdi:cpu-64-bit'
                                 entities:
                                   - sensor.pve_cpu_utilization
                                 show:
                                   labels: true
                                   extrema: true
                                 hours_to_show: 24
                                 hour24: true
                                 color_thresholds:
                                   - value: 0
                                     color: '#40FF00'
                                   - value: 70
                                     color: '#FF8000'
                                   - value: 90
                                     color: '#c0392b'
                               - type: 'custom:mini-graph-card'
                                 name: Server CPU Temperatur
                                 entities:
                                   - sensor.CPU_Temperatur
                                 show:
                                   labels: true
                                   extrema: true
                                 hours_to_show: '24'
                                 hour24: true
                                 color_thresholds:
                                   - value: 40
                                     color: '#40FF00'
                                   - value: 70
                                     color: '#FF8000'
                                   - value: 90
                                     color: '#c0392b'
                               - type: 'custom:mini-graph-card'
                                 name: Server Ram Auslastung
                                 icon: 'mdi:memory'
                                 entities:
                                   - sensor.server_ram_auslastung
                                 show:
                                   labels: true
                                   extrema: true
                                 hours_to_show: 24
                                 hour24: true
                                 color_thresholds:
                                   - value: 0
                                     color: '#40FF00'
                                   - value: 60
                                     color: '#FF8000'
                                   - value: 90
                                     color: '#c0392b'
                               - type: 'custom:vertical-stack-in-card'
                                 title: IoBroker (VM)
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: gauge
                                         entity: sensor.cpu_iobroker_vm
                                         min: 0
                                         max: 100
                                         theme: default
                                         name: CPU
                                         unit: '%'
                                         severity:
                                           green: 0
                                           yellow: 60
                                           red: 80
                                       - type: gauge
                                         entity: sensor.ram_iobroker_vm
                                         min: 0
                                         max: 100
                                         theme: default
                                         name: Ram
                                         unit: '%'
                                         severity:
                                           green: 0
                                           yellow: 60
                                           red: 80
                               - type: 'custom:mini-graph-card'
                                 name: IoBroker CPU Auslastung
                                 icon: 'mdi:cpu-64-bit'
                                 entities:
                                   - sensor.cpu_iobroker_vm
                                 show:
                                   labels: true
                                   extrema: true
                                 hours_to_show: 24
                                 hour24: true
                                 color_thresholds:
                                   - value: 0
                                     color: '#40FF00'
                                   - value: 70
                                     color: '#FF8000'
                                   - value: 90
                                     color: '#c0392b'
                               - type: 'custom:mini-graph-card'
                                 name: Internetgeschwindigkeit
                                 icon: 'mdi:speedometer'
                                 hours_to_show: 24
                                 entities:
                                   - entity: sensor.MaxDownstream
                                     name: Download
                                   - entity: sensor.MaxUpstream
                                     name: Upload
                               - type: 'custom:mini-graph-card'
                                 name: IoBroker Ram Auslastung
                                 icon: 'mdi:memory'
                                 entities:
                                   - sensor.ram_iobroker_vm
                                 show:
                                   labels: true
                                   extrema: true
                                 hours_to_show: 24
                                 hour24: true
                                 color_thresholds:
                                   - value: 0
                                     color: '#40FF00'
                                   - value: 60
                                     color: '#FF8000'
                                   - value: 90
                                     color: '#c0392b'
                             badges: []
                             title: ''
                             icon: 'mdi:server'
                           - cards:
                               - type: 'custom:vertical-stack-in-card'
                                 title: Strom (Ampere)
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: gauge
                                         entity: sensor.l1_strom
                                         min: 0
                                         max: 50
                                         theme: default
                                         name: L1
                                         unit: A
                                         severity:
                                           green: 0
                                           yellow: 20
                                           red: 30
                                       - type: gauge
                                         entity: sensor.l2_strom
                                         min: 0
                                         max: 50
                                         theme: default
                                         name: L2
                                         unit: A
                                         severity:
                                           green: 0
                                           yellow: 20
                                           red: 30
                                       - type: gauge
                                         entity: sensor.l3_strom
                                         min: 0
                                         max: 50
                                         theme: default
                                         name: L3
                                         unit: A
                                         severity:
                                           green: 0
                                           yellow: 20
                                           red: 30
                               - type: iframe
                                 aspect_ratio: 163%
                                 url: >-
                                   http://192.168.0.63:3000/d/Q9bXbeaZz/energiemessungen?orgId=1&refresh=30s&from=1576133441888&to=1576155041889
                                 title: Zuleitung
                               - type: 'custom:vertical-stack-in-card'
                                 title: Leistung (Watt)
                                 cards:
                                   - type: horizontal-stack
                                     cards:
                                       - type: gauge
                                         entity: sensor.l1_leistung
                                         min: 0
                                         max: 11500
                                         theme: default
                                         name: L1
                                         unit: W
                                         severity:
                                           green: 0
                                           yellow: 5000
                                           red: 11000
                                       - type: gauge
                                         entity: sensor.l2_leistung
                                         min: 0
                                         max: 11500
                                         theme: default
                                         name: L2
                                         unit: W
                                         severity:
                                           green: 0
                                           yellow: 5000
                                           red: 11000
                                       - type: gauge
                                         entity: sensor.l3_leistung
                                         min: 0
                                         max: 11500
                                         theme: default
                                         name: L3
                                         unit: W
                                         severity:
                                           green: 0
                                           yellow: 5000
                                           red: 11000
                               - type: iframe
                                 aspect_ratio: 90%
                                 url: >-
                                   http://192.168.0.63:3000/d/m0Od42LWz/energie-verbrauchsmessungen?orgId=1&from=1577487579761&to=1578092379762
                                 title: Stromverbrauch Täglich
                             badges: []
                             icon: 'mdi:flash'
                           - icon: 'mdi:gas-station'
                             badges: []
                             cards:
                               - type: glance
                                 entities:
                                   - entity: sensor.benzinpreis_total_gaggenau
                                     name: Total Gaggenau
                                     icon: 'mdi:gas-station'
                                   - entity: sensor.benzinpreis_shell_gaggenau
                                     name: Shell Gaggenau
                                     icon: 'mdi:gas-station'
                                   - entity: sensor.benzinpreis_avia_gaggenau
                                     name: Avia Gaggenau
                                     icon: 'mdi:gas-station'
                                 title: Gaggenau
                               - type: 'custom:mini-graph-card'
                                 entities:
                                   - entity: sensor.benzinpreis_total_gaggenau
                                     name: Total Gaggenau
                                     color: red
                                   - entity: sensor.benzinpreis_shell_gaggenau
                                     name: Shell Gaggenau
                                     color: yellow
                                   - entity: sensor.benzinpreis_avia_gaggenau
                                     name: Avia Gaggenau
                                     color: blue
                                 name: Entwicklung Benzinpreise
                                 hours_to_show: 48
                                 hour24: true
                                 group_by: date
                                 decimals: 2
                                 icon: 'mdi:gas-station'
                                 unit: €
                                 show:
                                   labels: true
                                   extrema: true
                               - type: glance
                                 entities:
                                   - entity: sensor.benzinpreis_real_rastatt
                                     name: Real Rastatt
                                     icon: 'mdi:gas-station'
                                   - entity: sensor.benzinpreis_jet_rastatt
                                     name: Jet Rastatt
                                     icon: 'mdi:gas-station'
                                 title: Rastatt
                               - type: 'custom:mini-graph-card'
                                 entities:
                                   - entity: sensor.benzinpreis_real_rastatt
                                     name: Real Rastatt
                                     color: red
                                   - entity: sensor.benzinpreis_jet_rastatt
                                     name: Jet Rastatt
                                     color: yellow
                                 name: Entwicklung Benzinpreise
                                 hours_to_show: 48
                                 hour24: true
                                 group_by: date
                                 decimals: 2
                                 icon: 'mdi:gas-station'
                                 unit: €
                                 show:
                                   labels: true
                                   extrema: true
                               - type: glance
                                 entities:
                                   - entity: sensor.benzinpreis_raiffeisen_karlsruhe
                                     name: ZG Raiffeisen Karlsruhe
                                     icon: 'mdi:gas-station'
                                   - entity: sensor.benzinpreis_bft_karlsruhe
                                     name: BFT Karlsruhe
                                     icon: 'mdi:gas-station'
                                 title: Karlsruhe
                               - type: 'custom:mini-graph-card'
                                 entities:
                                   - entity: sensor.benzinpreis_raiffeisen_karlsruhe
                                     name: ZG Raiffeisen Karlsruhe
                                     color: green
                                   - entity: sensor.benzinpreis_bft_karlsruhe
                                     name: BFT Karlsruhe
                                     color: orange
                                 name: Entwicklung Benzinpreise
                                 hours_to_show: 48
                                 hour24: true
                                 group_by: date
                                 decimals: 2
                                 icon: 'mdi:gas-station'
                                 unit: €
                                 show:
                                   labels: true
                                   extrema: true
                           - cards:
                               - type: 'custom:battery-entity'
                                 entity: sensor.akku_switch_marcus
                                 name: Akkustand Schalter Nachttisch Marcus
                               - type: 'custom:battery-entity'
                                 entity: sensor.akku_dimmer
                                 name: Akkustand Dimmer
                               - type: 'custom:battery-entity'
                                 entity: sensor.akku_bm_flur
                                 name: Akkustand Bewegungsmelder Flur
                               - type: 'custom:battery-entity'
                                 entity: sensor.akku_stehlampe_schalter
                                 name: Akkustand Schalter/Dimmer Stehlampe
                               - type: 'custom:battery-entity'
                                 entity: sensor.akku_tür_sensor
                                 name: Akkustand Tür Sensor
                             badges: []
                             title: ''
                             path: akkustande
                             icon: 'mdi:battery-outline'
                           - icon: 'mdi:home-automation'
                             badges: []
                             cards: []
                          hideToolbar: false
                          resources:
                           - type: jpg
                             url: /cards/DSC_0003-min.JPG
                           - type: jpg
                             url: /cards/DSC_0006-min.JPG
                           - type: jpg
                             url: /cards/DSC_0008-min.JPG
                           - type: jpg
                             url: /cards/DSC_0010-min.JPG
                           - type: jpg
                             url: /cards/DSC_0020-min.JPG
                           - type: jpg
                             url: /cards/DSC_0025-min.JPG
                           - type: jpg
                             url: /cards/DSC_0031-min.JPG
                           - type: jpg
                             url: /cards/DSC_0034-min.JPG
                           - type: jpg
                             url: /cards/DSC_0039-min.JPG
                           - type: jpg
                             url: /cards/DSC_0040-min.JPG
                           - type: jpg
                             url: /cards/Google-Home-Mini-OK-Google.jpg
                           - type: jpg
                             url: /cards/Google-Home-Mini-pic.jpg
                           - type: jpg
                             url: /cards/background.jpg
                           - type: module
                             url: /cards/battery-entity.js
                           - type: module
                             url: /cards/button-card.js
                           - type: module
                             url: /cards/button-entity-row.js
                           - type: module
                             url: /cards/compact-custom-header.js
                           - type: jpg
                             url: /cards/compress12.jpg
                           - type: jpg
                             url: /cards/compress43.jpg
                           - type: jpg
                             url: /cards/compress57.jpg
                           - type: jpg
                             url: /cards/compress74.jpg
                           - type: jpg
                             url: /cards/compress9.jpg
                           - type: module
                             url: /cards/dual-gauge-card.js
                           - type: module
                             url: /cards/light-entity-card.js
                           - type: module
                             url: /cards/mini-graph-card-bundle.js
                           - type: module
                             url: /cards/remote-card.js
                           - type: module
                             url: /cards/rgb-light-card.js
                           - type: module
                             url: /cards/slideshow-card.js
                           - type: module
                             url: /cards/vertical-stack-in-card.js
                          background: center / cover no-repeat url("/cards/background.jpg") fixed
                          
                          

                          Hey Marcuskl,

                          du hast wirklich ein tooles Layout. Dürfte ich fragen welches Thema du verwendest hast?
                          Oder hast du es komplett selbst erstellt? Würdest du dann sogar dein yaml zur Verfügung stellen`?

                          VIele Grüße
                          Jan

                          marcuskl 1 Reply Last reply Reply Quote 0
                          • W
                            WW1983 last edited by

                            Bei der automatischen Erkennung von Entities ist es bei mir so, dass bestimmte Datenpunkte den selben Namen erhalten und dadurch nur eins aufgeführt wird.
                            Gab es dafür nicht mal ein Update?

                            1 Reply Last reply Reply Quote 0
                            • W
                              WW1983 last edited by

                              @Garfonso
                              Hi. Muss dich nochmal belästigen. Finde leider keine Lösung für meine Hue Lampen.

                              Bei mir werden die Lampen, bei denen die Farbe eingestellt werden kann (nicht nur Temeperatur) im ausgeschalteten Zustand „rot“ angezeigt. Aber auch erst nach einer Zeit. Wenn ich die Lampe ausmachen, wir den Icon erst weiß angezeigt und nach einer Zeit rot. Das Problem habe ich bei den Lampen bei denen ich nur die Temperatur bestimmen kann nicht.

                              FA7FEA1B-0787-4F90-A406-10C0FE988039.png

                              Garfonso 1 Reply Last reply Reply Quote 0
                              • marcuskl
                                marcuskl @allgrind last edited by

                                @allgrind Danke, wie das Thema nochmal heißt weiß ich nicht mehr, habe es schonmal gepostet, hier nochmal der Code:

                                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'
                                
                                1 Reply Last reply Reply Quote 0
                                • A
                                  allgrind last edited by

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

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

                                  Super vielen Dank für deinenQuellcode ;)!!!!!!!!

                                  Leider habe ich irgendwie ein BUG - Kann mir jemand sagen wie ich das Problem lösen kann?

                                  Gerne möchte ich den Hintergrund ändern. Dafür habe ich das JPG in den Cards hochgeladen:
                                  1.PNG

                                  und wie folgt eingebunden:
                                  2.PNG

                                  Leider ändert sich der Hintergrund nicht bzw. bleibt einfach grau:
                                  4.PNG

                                  In den Einstellungen habe ich das Theme eingestellt:
                                  5.PNG

                                  Was mache ich also falsch?

                                  VIele Grüße
                                  Jan

                                  marcuskl 1 Reply Last reply Reply Quote 0
                                  • Garfonso
                                    Garfonso Developer @WW1983 last edited by

                                    @WW1983
                                    Ich kann dir nicht so richtig sagen, woran es liegt. Ich sehe das hier auch bei einer Lampe hin und wieder. Rot ist hue = 0 und wenn die Lampe aus ist, sind die Farbinfos nicht da, also vermutlich default 0.
                                    Vielleicht hängt es irgendwie damit zusammen, ob die Lampe gerade an oder aus ist, wenn lovelace startet bzw. den status abfragt oder so.

                                    W 1 Reply Last reply Reply Quote 0
                                    • Garfonso
                                      Garfonso Developer @fd_samdi last edited by

                                      @fd_samdi said in Test Adapter lovelace v0.2.x:

                                      @Garfonso Die Saturation nimmt jetzt Werte bis 360 an und springt dann auch kurz aus dem Kreis raus, wahrscheinlich weil mein Max Wert auch nur 255 ist 🙂
                                      (1081) setLightState: {"sat": 360} 3 deconz.0.Lights.3.sat

                                      Ähm... das ist ja merkwürdig. Aber bei sat ist das Maximum auf 255 eingestellt im ioBroker state?

                                      F 1 Reply Last reply Reply Quote 0
                                      • marcuskl
                                        marcuskl @allgrind last edited by

                                        @allgrind so sieht es bei mir aus, du kannst es ja danach verändern.
                                        lovelace_theme.png

                                        magiczoom 1 Reply Last reply Reply Quote 0
                                        • Johannes Bauerstatter
                                          Johannes Bauerstatter last edited by

                                          Finde den Adapter super und habe gerade damit begonnen. Ist es möglich diesen über Iobroker.pro abzurufen? Im Moment nutz ich Iqontrol mit einem HTML - Link am Smartphone und kann somit ganz schnell von überall zugreifen.

                                          1 Reply Last reply Reply Quote 0
                                          • W
                                            WW1983 @Garfonso last edited by WW1983

                                            @Garfonso
                                            Trotzdem danke.
                                            Der Hinweis mit dem Start von Lovelace ist gut. Es ist tatsächlich so, dass es nur passiert wenn Lovelace neu startet. Nicht wenn es bereits offen ist und die Lampe aus geht.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            942
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            call for action lovelace test visualisierung
                                            131
                                            1051
                                            329062
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo