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

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter lovelace v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                                          • magiczoom
                                            magiczoom @marcuskl last edited by

                                            @marcuskl Hi, danke fürs Teilen, ich habe weiter oben auch schon das fertige Skript bei mir eingefügt, sodass es genau so aussieht wie in deinem Screenshot.

                                            Leider klappt das bei mir mit dem Hintergrund auch nicht.

                                            Ich habe jetzt die jpg-Datei im cards-Ordner auf dem Raspberry und dieselbe Datei auf meinem PC in die Instanz unter "Karten" gezogen. Dort erscheint sie auch.

                                            Die Farbeinstellungen werden auch alle übernommen, allerdings das Hintergrundbild nicht, was muss ich ändern?

                                            Allgemeine Frage (da ganz weit oben nicht wirklich beantwortet):
                                            Wie kann ich den Status "false" und "true" auf "geschlossen" und "offen" ändern?
                                            Status-filter hilft bei mir nur bei "An" und "Aus"?

                                            Danke vielmals

                                            C A 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            call for action lovelace test visualisierung
                                            131
                                            1051
                                            316575
                                            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