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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Showcase] Jarvis - just another remarkable vis

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.0k

[Showcase] Jarvis - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
453 Beiträge 81 Kommentatoren 136.7k Aufrufe 95 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M MCU

    @miswak Bitte in CodeTags.
    34f670e4-89be-4301-ab72-e7d567a7ac96-image.png

    MiswakM Offline
    MiswakM Offline
    Miswak
    schrieb am zuletzt editiert von
    #379

    @MCU, sorry auch gerade gemerkt, dass das etwas unpraktisch ist.

    .jarvis-page-container,
    .jarvis-sidebar-container,
    .jarvis-sidebar-container .q-toolbar,
    .jarvis-popup,
    .jarvis-popup .jarvis-StateList {
    	background-color: #0cbaba;
    	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
    }
    
    .body--dark .jarvis-header {
    	background-color: rgba(0,0,0,0.2) !important;
    }
    
    .jarvis-tabs-container {
    	background-color: rgba(56,0,54,0.9) !important;
    }
    
    .jarvis-widget-container {
    	background-color: rgba(0,0,0,0.2) !important;
    }
    
    .body--dark .jarvis-widget {
    	background: rgba(0,0,0,0.2);
    }
    
    .body--light .jarvis-widget {
    	background: rgba(255,255,255,1);
    }
    
    .body--dark .jarvis-tabs-container {
    	background-color: rgba(56,0,54,0.9) !important;
    }
    
    .q-table__container {
    	background-color: transparent !important;
    } 
    
    
    
    
    
    /*halbtransparente Sidebar*/
    
    .jarvis-sidebar {
    	background-color: #0cbaba;
    	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
    	/* #661f64 old #380036*/
    }
    
    .jarvis-sidebar .items-center {
    	background-color: #0cbaba;
    	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
    	/* #661f64 old #380036*/
    }
    
    
    
    
    /*runde Ecken der Widgets*/
    
    .paper {
    	border-radius: 20px;
    }
    
    .jarvis-widget {
    	border-radius: 20px;
    }
    
    .jarvis-widget-container {
    	border-radius: 20px;
    }
    
    
    
    
    /* Jalousie Schalter umkehren */
    
    .mdi-chevron-down {
    	color: transparent;
    	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=white') no-repeat center center / contain;
    }
    
    .mdi-chevron-up {
    	color: transparent;
    	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=white') no-repeat center center / contain;
    }
    
    
    
    
    /* obere Leiste im Popup unterbinden */
    
    .jarvis-popup .row.items-center.q-card__section.q-card__section--vert {
     display: none;
    }
    
    
    
    
    /* Popup Ecken runder */
    
    .q-dialog__inner .jarvis-popup {
    	border-radius: 20px;
    }
    
    M 1 Antwort Letzte Antwort
    0
    • MiswakM Miswak

      @MCU, sorry auch gerade gemerkt, dass das etwas unpraktisch ist.

      .jarvis-page-container,
      .jarvis-sidebar-container,
      .jarvis-sidebar-container .q-toolbar,
      .jarvis-popup,
      .jarvis-popup .jarvis-StateList {
      	background-color: #0cbaba;
      	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
      }
      
      .body--dark .jarvis-header {
      	background-color: rgba(0,0,0,0.2) !important;
      }
      
      .jarvis-tabs-container {
      	background-color: rgba(56,0,54,0.9) !important;
      }
      
      .jarvis-widget-container {
      	background-color: rgba(0,0,0,0.2) !important;
      }
      
      .body--dark .jarvis-widget {
      	background: rgba(0,0,0,0.2);
      }
      
      .body--light .jarvis-widget {
      	background: rgba(255,255,255,1);
      }
      
      .body--dark .jarvis-tabs-container {
      	background-color: rgba(56,0,54,0.9) !important;
      }
      
      .q-table__container {
      	background-color: transparent !important;
      } 
      
      
      
      
      
      /*halbtransparente Sidebar*/
      
      .jarvis-sidebar {
      	background-color: #0cbaba;
      	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
      	/* #661f64 old #380036*/
      }
      
      .jarvis-sidebar .items-center {
      	background-color: #0cbaba;
      	background-image: linear-gradient(315deg, #0cbaba 0%, #661f64 74%);
      	/* #661f64 old #380036*/
      }
      
      
      
      
      /*runde Ecken der Widgets*/
      
      .paper {
      	border-radius: 20px;
      }
      
      .jarvis-widget {
      	border-radius: 20px;
      }
      
      .jarvis-widget-container {
      	border-radius: 20px;
      }
      
      
      
      
      /* Jalousie Schalter umkehren */
      
      .mdi-chevron-down {
      	color: transparent;
      	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=white') no-repeat center center / contain;
      }
      
      .mdi-chevron-up {
      	color: transparent;
      	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=white') no-repeat center center / contain;
      }
      
      
      
      
      /* obere Leiste im Popup unterbinden */
      
      .jarvis-popup .row.items-center.q-card__section.q-card__section--vert {
       display: none;
      }
      
      
      
      
      /* Popup Ecken runder */
      
      .q-dialog__inner .jarvis-popup {
      	border-radius: 20px;
      }
      
      M Online
      M Online
      MCU
      schrieb am zuletzt editiert von MCU
      #380

      @miswak Wie soll es denn im Popup aussehen?
      Kannst die beiden raus nehmen:

      .jarvis-popup,
      .jarvis-popup .jarvis-StateList
      

      bb03f54e-3f5d-4cb3-b0f6-5ebcb5590443-image.png

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      MiswakM 2 Antworten Letzte Antwort
      1
      • M MCU

        @miswak Wie soll es denn im Popup aussehen?
        Kannst die beiden raus nehmen:

        .jarvis-popup,
        .jarvis-popup .jarvis-StateList
        

        bb03f54e-3f5d-4cb3-b0f6-5ebcb5590443-image.png

        MiswakM Offline
        MiswakM Offline
        Miswak
        schrieb am zuletzt editiert von
        #381

        @mcu

        eigentlich erstmal ein schlichter einfarbiger Hintergrund, eben kein Farbverlauf. Die obere Leiste im Popup habe ich ja ausgeblendet.
        Sprich der mittlere Teil und die untere "Schließen Leiste" sollten ein Farbton haben. Sagen wir dunkles grau. Wenn ich die Syntax habe, kann ich den Farbton ja selbst nachträglich ändern.

        1 Antwort Letzte Antwort
        0
        • M MCU

          @miswak Wie soll es denn im Popup aussehen?
          Kannst die beiden raus nehmen:

          .jarvis-popup,
          .jarvis-popup .jarvis-StateList
          

          bb03f54e-3f5d-4cb3-b0f6-5ebcb5590443-image.png

          MiswakM Offline
          MiswakM Offline
          Miswak
          schrieb am zuletzt editiert von
          #382

          @mcu

          dann verschwindet aber mein gesamter Farbverlauf im "Haupthintergrund". Den wollte ich ja eigentlich behalten. Will ja nur den Farbverlauf im Popup auschalten.

          M 1 Antwort Letzte Antwort
          0
          • MiswakM Miswak

            @mcu

            dann verschwindet aber mein gesamter Farbverlauf im "Haupthintergrund". Den wollte ich ja eigentlich behalten. Will ja nur den Farbverlauf im Popup auschalten.

            M Online
            M Online
            MCU
            schrieb am zuletzt editiert von MCU
            #383

            @miswak So sollte es nach dem Löschen der beiden Einträge aussehen.

            
            .jarvis-page-container,
            .jarvis-sidebar-container,
            .jarvis-sidebar-container .q-toolbar {
            	background-color: #0cbaba;
            	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
            }
            

            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

            MiswakM 1 Antwort Letzte Antwort
            1
            • M MCU

              @miswak So sollte es nach dem Löschen der beiden Einträge aussehen.

              
              .jarvis-page-container,
              .jarvis-sidebar-container,
              .jarvis-sidebar-container .q-toolbar {
              	background-color: #0cbaba;
              	background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
              }
              
              MiswakM Offline
              MiswakM Offline
              Miswak
              schrieb am zuletzt editiert von
              #384

              @mcu
              Fast am Ziel, jetzt ist die Geräte Leiste schwarz und die Schließen Leiste grau. Wo gebe ich jetzt meine Wunschfarbe ein?

              MiswakM 1 Antwort Letzte Antwort
              0
              • MiswakM Miswak

                @mcu
                Fast am Ziel, jetzt ist die Geräte Leiste schwarz und die Schließen Leiste grau. Wo gebe ich jetzt meine Wunschfarbe ein?

                MiswakM Offline
                MiswakM Offline
                Miswak
                schrieb am zuletzt editiert von
                #385

                Die Farbe der Geräteleiste kann ich ändern, habe ich in Deinem Tutorial gefunden.
                Jedoch noch nicht die Farbe der unteren Schließen Leiste

                M 1 Antwort Letzte Antwort
                0
                • MiswakM Miswak

                  Die Farbe der Geräteleiste kann ich ändern, habe ich in Deinem Tutorial gefunden.
                  Jedoch noch nicht die Farbe der unteren Schließen Leiste

                  M Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von
                  #386

                  @miswak

                  .jarvis-StateListItem-Popup {
                  	background-color: yellow;
                  }
                  
                  .jarvis-popup .q-card__actions {
                  	background-color: red;
                  }
                  

                  NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                  MiswakM 1 Antwort Letzte Antwort
                  1
                  • M MCU

                    @miswak

                    .jarvis-StateListItem-Popup {
                    	background-color: yellow;
                    }
                    
                    .jarvis-popup .q-card__actions {
                    	background-color: red;
                    }
                    
                    MiswakM Offline
                    MiswakM Offline
                    Miswak
                    schrieb am zuletzt editiert von
                    #387

                    @mcu Top!! Passt, vielen Dank.

                    1 Antwort Letzte Antwort
                    0
                    • T Offline
                      T Offline
                      TyrionWarMage
                      Developer
                      schrieb am zuletzt editiert von TyrionWarMage
                      #388

                      Ich bin vor einer Weile über dieses: https://docs.theme-park.dev/ Projekt gestoplert, welches versucht vereinheitlichte Themes für diverse Self-Hosted services anzubieten. Daher habe ich mal versucht, das auch für Jarvis anzuwenden:

                      Nord Theme
                      fc9c4759-845a-4cb4-b570-4e68b894331d-grafik.png
                      d5b4dca0-16b3-4286-af50-e593081bf11b-grafik.png

                      Aquamarine:
                      c9a3fdb0-5794-4c3c-9a06-900c9528de07-grafik.png
                      c4116164-8ad6-46ee-9882-81ff70823ac6-grafik.png

                      Maroon:
                      863c9677-a3e9-4a77-a97a-1cd2a77b36d8-grafik.png

                      Da meine CSS Skills aber eher begrenzt sind, sollte das eher als "erster Versuch gesehen werden", aber vielleicht hat ja jemand mit mehr Ahnung Lust das Template zu verfeinern? Template anbei - da ich es nicht hinbekommen hab, den import Tag zum laufen zu bekommen, muss das root template (von hier https://github.com/GilbN/theme.park/tree/master/css/theme-options) reinkopiert werden.

                      Jarvis Theme-Park.css

                      S 1 Antwort Letzte Antwort
                      0
                      • sigi234S sigi234

                        Mal ein paar Screenshots von mir:

                        Screenshot (5382).png Screenshot (5383).png Screenshot (5384).png Screenshot (5385).png Screenshot (5386).pngScreenshot (5387).png

                        Damrak2022D Offline
                        Damrak2022D Offline
                        Damrak2022
                        schrieb am zuletzt editiert von
                        #389

                        @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

                        Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

                        Ich würde es aber gerne so darstellen wie Du es gemacht hast.

                        Mit besten Grüßen
                        Andy

                        sigi234S M 2 Antworten Letzte Antwort
                        0
                        • Damrak2022D Damrak2022

                          @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

                          Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

                          Ich würde es aber gerne so darstellen wie Du es gemacht hast.

                          sigi234S Online
                          sigi234S Online
                          sigi234
                          Forum Testing Most Active
                          schrieb am zuletzt editiert von
                          #390

                          @damrak2022
                          Bin im Krankenhaus.

                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                          Immer Daten sichern!

                          M Damrak2022D 2 Antworten Letzte Antwort
                          0
                          • sigi234S sigi234

                            @damrak2022
                            Bin im Krankenhaus.

                            M Online
                            M Online
                            MCU
                            schrieb am zuletzt editiert von
                            #391

                            @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                            sigi234S 1 Antwort Letzte Antwort
                            0
                            • M MCU

                              @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                              sigi234S Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              schrieb am zuletzt editiert von
                              #392

                              @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

                              @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                              Herzklappe

                              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                              Immer Daten sichern!

                              M 1 Antwort Letzte Antwort
                              0
                              • Damrak2022D Damrak2022

                                @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

                                Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

                                Ich würde es aber gerne so darstellen wie Du es gemacht hast.

                                M Online
                                M Online
                                MCU
                                schrieb am zuletzt editiert von
                                #393

                                @damrak2022 Du meinst so?
                                00e22c2b-a456-47e0-a862-6a63cb2faae3-image.png

                                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                Damrak2022D 1 Antwort Letzte Antwort
                                0
                                • sigi234S sigi234

                                  @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

                                  @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                                  Herzklappe

                                  M Online
                                  M Online
                                  MCU
                                  schrieb am zuletzt editiert von
                                  #394

                                  @sigi234 Also in 3 Tagen wieder zuhause. Alles Gute.

                                  NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                  1 Antwort Letzte Antwort
                                  0
                                  • sigi234S sigi234

                                    @damrak2022
                                    Bin im Krankenhaus.

                                    Damrak2022D Offline
                                    Damrak2022D Offline
                                    Damrak2022
                                    schrieb am zuletzt editiert von
                                    #395

                                    @sigi234 Oh, kann dann gute Besserung für Dich

                                    Mit besten Grüßen
                                    Andy

                                    1 Antwort Letzte Antwort
                                    0
                                    • M MCU

                                      @damrak2022 Du meinst so?
                                      00e22c2b-a456-47e0-a862-6a63cb2faae3-image.png

                                      Damrak2022D Offline
                                      Damrak2022D Offline
                                      Damrak2022
                                      schrieb am zuletzt editiert von
                                      #396

                                      @mcu Ja, genau so hätte ich das gerne, war irgendwas klappt noch nicht. Wobei die Temperatur muss nicht in dem Balken stehen, darüber ist auch völlig okay. Mir geht es hauptsächlich um die Balkenbreite.

                                      Mit besten Grüßen
                                      Andy

                                      M 1 Antwort Letzte Antwort
                                      0
                                      • Damrak2022D Damrak2022

                                        @mcu Ja, genau so hätte ich das gerne, war irgendwas klappt noch nicht. Wobei die Temperatur muss nicht in dem Balken stehen, darüber ist auch völlig okay. Mir geht es hauptsächlich um die Balkenbreite.

                                        M Online
                                        M Online
                                        MCU
                                        schrieb am zuletzt editiert von
                                        #397

                                        @damrak2022 Deins ist ein HistoryGraph, das von sigi234 ist ein Bar-Chart.
                                        d8aaacb0-837c-4dec-8544-8c06f49b762e-image.png

                                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        Damrak2022D 1 Antwort Letzte Antwort
                                        1
                                        • M MCU

                                          @damrak2022 Deins ist ein HistoryGraph, das von sigi234 ist ein Bar-Chart.
                                          d8aaacb0-837c-4dec-8544-8c06f49b762e-image.png

                                          Damrak2022D Offline
                                          Damrak2022D Offline
                                          Damrak2022
                                          schrieb am zuletzt editiert von
                                          #398

                                          @mcu h, okay, ich hatte history chart ausgewählt und dann bei der Anzeige BarChart. Nachdem ich es jetzt geändert habe geht es.

                                          Mit besten Grüßen
                                          Andy

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          434

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe