Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. jarvis v3.0.0 - just another remarkable vis

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    jarvis v3.0.0 - just another remarkable vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • Dominik F.
      Dominik F. @MCU last edited by

      @mcu

      Es ist und bleibt einfach nicht transparent 😄

      Hier mit deinen Einstellungen: Die dunkleren Zeilen sind die "transparenten".
      Unbenannt.PNG

      Hier mit meinen:
      Unbenannt1.PNG

      Man sieht bei meinen, dass bei den dunklen Zeilen der Pinke streifen sichbar ist, bei deinen nicht

      M 1 Reply Last reply Reply Quote 0
      • M
        MCU @Dominik F. last edited by MCU

        @dominik-f Ja für die anderen Zeilen muss man es dann einstellen:
        Wenn die auch durchsichtig sein sollen.

        .jarvis-JsonTable-row-even,
        .jarvis-JsonTable {
        	background: rgba(0,0,0,0) !important;
        }
        .jarvis-JsonTable-row-odd {
        	background: rgba(0,0,0,0.45) !important;
        }
        
        Dominik F. 1 Reply Last reply Reply Quote 0
        • Dominik F.
          Dominik F. @MCU last edited by

          @mcu

          Unbenannt.PNG

          M 1 Reply Last reply Reply Quote 0
          • M
            MCU @Dominik F. last edited by

            @dominik-f Tja, dann machen wir das erstmal mit Deinen. Da muss zefau dann nochmal ran.

            Dominik F. 2 Replies Last reply Reply Quote 0
            • Dominik F.
              Dominik F. @MCU last edited by Dominik F.

              @mcu

              Dank dir. Also das macht den Hintergrund der Überschrift, wo Name etc steht transparent

              .body--dark .sticky-table-header thead tr th {
              	background: rgba(0,0,0,0.45) !important;
              }
              

              Das macht die Zeilen, die durch .jarvis-JsonTable nicht transparent werden, dann transparent.

              .body--dark tr:nth-child(2n) {
              	background: rgba(0,0,0,0.45) !important;
              }
              
              1 Reply Last reply Reply Quote 0
              • Dominik F.
                Dominik F. @MCU last edited by

                @mcu

                Hast du vielleicht eine Alternative in deinen Datenpunkten für die Schriftfarbe vom Widget Header?

                https://forum.iobroker.net/topic/49776/jarvis-v3-0-0-just-another-remarkable-vis/1810?_=1643806772027

                M 1 Reply Last reply Reply Quote 0
                • M
                  MCU @Dominik F. last edited by

                  @dominik-f Mal was anderes. Prüf mal den AccentColor Wert. Dürfte falsch sein?

                  Dominik F. 1 Reply Last reply Reply Quote 0
                  • Dominik F.
                    Dominik F. @MCU last edited by

                    @mcu

                    Das steht drin:

                    "\"\\\"\\\\\\\"#9c27b0\\\\\\\"\\\"\""
                    
                    M 1 Reply Last reply Reply Quote 0
                    • M
                      MCU @Dominik F. last edited by MCU

                      @dominik-f Ja genau, da musst du leider mal ins Array gehen und dort nach den Accentcolor suchen und dort diese anpassen auf normal "#9c27b0", bei allen Configs.
                      STRG+F: 0_userdata.0.jarvis.system.cssThemes.colorAccent
                      22fc4732-8f18-4f2f-ab15-9003218ce6b6-image.png
                      Mit der v1.0.6 dann einmal ein Config laden.
                      @sigi234 Du musst das leider auch machen. Und dann die v1.0.6 holen.

                      Dominik F. sigi234 2 Replies Last reply Reply Quote 0
                      • Dominik F.
                        Dominik F. @MCU last edited by

                        @mcu

                        du meinst ins ThemeArray oder?

                        Hab ich gemacht, auch die bestehenden bei day, night etc

                        M 1 Reply Last reply Reply Quote 0
                        • M
                          MCU @Dominik F. last edited by MCU

                          @dominik-f Ja genau. Dann erst die v106 holen und dann eine Config laden. Dann sollte in colorAccent eine normale Color drin stehen.

                          Dominik F. 1 Reply Last reply Reply Quote 0
                          • Dominik F.
                            Dominik F. @MCU last edited by

                            @mcu

                            sollte nun passen 🙂

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              MCU @Dominik F. last edited by MCU

                              @dominik-f Deine Selektoren werden erkannt? 35-37

                              Dominik F. 1 Reply Last reply Reply Quote 0
                              • Dominik F.
                                Dominik F. @MCU last edited by Dominik F.

                                @mcu

                                funktioniert

                                M 1 Reply Last reply Reply Quote 0
                                • M
                                  MCU @Dominik F. last edited by

                                  @dominik-f ? Was verändert sich nicht?

                                  Dominik F. 1 Reply Last reply Reply Quote 0
                                  • Dominik F.
                                    Dominik F. @MCU last edited by

                                    @mcu

                                    es funktioniert doch 🙂

                                    Dann möchte ich meinen ersten Versuch für ein Theme gerne mit dir teilen:

                                    {
                                      "configName": "Transparent Pink",
                                      "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {
                                        "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {
                                        "background": "rgba(0,0,0,0.15) !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
                                        "background": "rgba(0,0,0,0.15) !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {
                                        "background": "rgba(0,0,0,0.15) !important",
                                        "border": "3px solid transparent"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {
                                        "background": "rgba(0,0,0,0.15)"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {
                                        "background": "rgba(255,255,255,1)"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
                                        "background": "rgba(0,0,0,0.15) !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {
                                        "background": "transparent !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {
                                        "border": "1px solid transparent !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {
                                        "background": "rgba(0,0,0,0.45)"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.11_bodyDarkJarvisWidgetHeaderTexth6": {},
                                      "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {
                                        "background": "rgba(0,0,0,0.15) !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
                                        "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
                                      "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
                                      "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
                                      "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
                                        "background-color": "transparent !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
                                      "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
                                        "background-color": "transparent"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
                                        "background-color": "transparent"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {
                                        "color": "LightGray"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
                                        "background-color": "transparent !important",
                                        "color": "LightGray"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
                                        "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
                                        "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
                                      "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
                                      "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
                                      "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
                                        "display": "none !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
                                      "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
                                      "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
                                      "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
                                      "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
                                      "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
                                      "0_userdata.0.jarvis.system.cssThemes.35_qItemSectionqItemLabelTextH6": {
                                        "color": "LightGray"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.36_bodyDarkStickyTableHeaderTheadTrTh": {
                                        "background": "rgba(0,0,0,0.45) !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.37_bodyDarkTrNthChild2n": {
                                        "background": "rgba(0,0,0,0.45) !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {
                                        "background-color": "transparent !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {
                                        "background": "transparent !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {
                                        "background": "rgba(25, 118, 210, 0) !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {
                                        "background": "white"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {
                                        "background": "blue"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {
                                        "color": "white"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {
                                        "background": "transparent !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {
                                        "background": "transparent !important"
                                      },
                                      "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "#1976d2",
                                      "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
                                      "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
                                      "0_userdata.0.jarvis.system.cssThemes.darkMode": true
                                    }
                                    
                                    M 1 Reply Last reply Reply Quote 0
                                    • M
                                      MCU @Dominik F. last edited by MCU

                                      @dominik-f
                                      4b58813c-151d-404f-a144-87c7dedf0efc-image.png
                                      Wird es korrekt dargestellt?

                                      Dominik F. 2 Replies Last reply Reply Quote 0
                                      • Dominik F.
                                        Dominik F. @MCU last edited by

                                        @mcu

                                        Ja, genauso soll es aussehen

                                        1 Reply Last reply Reply Quote 1
                                        • Dominik F.
                                          Dominik F. @MCU last edited by Dominik F.

                                          @mcu

                                          Hab bei dir Icons gesehen, die noch die falsche Farbe hatten. Jetzt ist es richtig:

                                          {
                                            "configName": "Transparent Pink",
                                            "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {
                                              "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {
                                              "background": "rgba(0,0,0,0.15) !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
                                              "background": "rgba(0,0,0,0.15) !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {
                                              "background": "rgba(0,0,0,0.15) !important",
                                              "border": "3px solid transparent"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {
                                              "background": "rgba(0,0,0,0.15)"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {
                                              "background": "rgba(255,255,255,1)"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
                                              "background": "rgba(0,0,0,0.15) !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {
                                              "background": "transparent !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {
                                              "border": "1px solid transparent !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {
                                              "background": "transparent !important",
                                              "color": "LightGray"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.11_bodyDarkJarvisWidgetHeaderTexth6": {},
                                            "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {
                                              "background": "rgba(0,0,0,0.15) !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
                                              "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
                                            "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
                                            "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
                                            "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
                                              "background-color": "transparent !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
                                            "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
                                              "background-color": "transparent"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
                                              "background-color": "transparent"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {
                                              "color": "LightGray"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
                                              "background-color": "transparent !important",
                                              "color": "LightGray"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
                                              "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
                                              "background": "url(\"https://images.hdqwalls.com/download/legion-abstract-8k-5p-1920x1080.jpg\")"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
                                            "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
                                            "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
                                            "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
                                              "display": "none !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
                                            "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
                                            "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
                                            "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
                                            "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
                                            "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
                                            "0_userdata.0.jarvis.system.cssThemes.35_qItemSectionqItemLabelTextH6": {
                                              "color": "LightGray"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.36_bodyDarkStickyTableHeaderTheadTrTh": {
                                              "background": "rgba(0,0,0,0.45) !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.37_bodyDarkTrNthChild2n": {
                                              "background": "rgba(0,0,0,0.45) !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {
                                              "background-color": "transparent !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {
                                              "background": "transparent !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {
                                              "background": "rgba(25, 118, 210, 0) !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {
                                              "background": "white"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {
                                              "background": "blue"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {
                                              "color": "white"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {
                                              "background": "transparent !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {
                                              "background": "transparent !important"
                                            },
                                            "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "#1976d2",
                                            "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
                                            "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
                                            "0_userdata.0.jarvis.system.cssThemes.darkMode": true
                                          }
                                          
                                          M 1 Reply Last reply Reply Quote 0
                                          • M
                                            MCU @Dominik F. last edited by MCU

                                            @dominik-f Was soll sich ändern? Kann keinen Unterschied erkennen?

                                            053c3da6-efc3-4d74-9a26-4c28d108c3f4-image.png
                                            Meinst du LightGray?

                                            Dominik F. 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            513
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            jarvis material material ui materialdesign vis visualisierung visualization
                                            252
                                            4481
                                            2236356
                                            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