Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS Editor schwarzer Hintergrund gewünscht

    NEWS

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    VIS Editor schwarzer Hintergrund gewünscht

    This topic has been deleted. Only users with topic management privileges can see it.
    • X
      Xanon last edited by Xanon

      Hallo,
      da ich viel mit dunklen Visualisierungen arbeite, möchte ich genre zum bearbeiten meiner VIS einen dunklen Hintergrund haben.
      Ich weiss, ich kann hierfür das Theme ändern, dies möchte ich aber nicht, da ich gerne mit dem Light Theme arbeite und nur den Hintergrund in dunkel haben möchte.

      Ich habe z.B. eine View in Widget, bei dem das Bild transparent auf einem anderen Bild liegen soll, daher kann ich nicht einfach einen schwarzen Hintergrund einstellen, da dieser dann das Image überlagert.
      Ich arbeite auch mit dem Material Design und da war es wohl mal ein BUG, das der Hintergrund dunkel war aber auf der VIS dann wie gewünscht nicht zu sehen.

      Ich hoffe ich konnte mich verständlich genug ausdrücken.

      Meine Frage also:
      Wie kann ich den Hintergrund im Editor auf dunkel einstellen, ohne dass dieser Hintergrund dann auf der VIS zu sehen ist bzw. das dies keine Auswirkung auf meine VIS hat?
      Oder geht das gar nicht?

      So möchte ich im Editor arbeiten
      Editor schwarz.png
      Den schwarzen Hintergrund möchte ich aber nicht in der Vis sehen.
      Hintergrund schwarz im Editor.png

      So soll es in der VIS aussehen und das klappt nur ...
      Hintergrund hell im Editor.png

      ... wenn der VIS Editor so eingestellt ist.
      Edior hell.png

      Homoran OliverIO 2 Replies Last reply Reply Quote 0
      • Homoran
        Homoran Global Moderator Administrators @Xanon last edited by Homoran

        @xanon sagte in VIS Editor schwarzer Hintergrund gewünscht:

        Oder geht das gar nicht?

        doch! sollte gehen!

        Das Editor Theme auf dunkel stellen, nicht das Theme des views

        Screenshot_20221113-151323_Firefox.jpg

        X 1 Reply Last reply Reply Quote 0
        • X
          Xanon @Homoran last edited by

          @homoran
          Danke das das kenne ich, nur verändern diese ja das komplette Erscheinungsbild des Editors.

          Deshalb hast ich oben geschrieben:
          Ich weiss, ich kann hierfür das Theme ändern, dies möchte ich aber nicht, da ich gerne mit dem Light Theme arbeite und nur den Hintergrund in dunkel haben möchte.

          Kennst du noch eine weitere Möglichkeit?

          Homoran 1 Reply Last reply Reply Quote 0
          • Homoran
            Homoran Global Moderator Administrators @Xanon last edited by Homoran

            @xanon sagte in VIS Editor schwarzer Hintergrund gewünscht:

            ich kann hierfür das Theme ändern,

            und abgebildet war das Theme vom VIEW!
            Screenshot_20221113-160651_Firefox.jpg

            X 1 Reply Last reply Reply Quote 0
            • X
              Xanon @Homoran last edited by Xanon

              @homoran
              Ja sorry, ich glaube wir reden an einander vorbei.

              Das Theme von der View habe ich mitgeschickt, damit man sehen kann, dass ich den Hintergrund der View auf schwarz eingestellt habe und bei dem anderen habe ich es wieder raus genommen (also kein Hintergrund).

              Also ich möchte nicht das Theme des Editors ändern, um an einen schwarzen Hintergrund im Editor Modus zu kommen.
              Gibt es vielleicht eine CSS Lösung für den Editor?

              1 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO @Xanon last edited by OliverIO

                @xanon
                das einfachste ist im vis im css-reiter global auswählen und das folgende eintragen

                body {
                    background-color: black;
                    color: white;
                }
                

                ggfs musst du bei ein paar widgets, falls die schrifft nicht lesbar ist, ebenfalls nochmal im abschnitt css font & text bei color #ffffff eintragen, falls diese widgets eine vom programmierer vorgegebene helle standardtextfarbe haben.

                X 1 Reply Last reply Reply Quote 1
                • X
                  Xanon @OliverIO last edited by

                  @oliverio
                  vielen Dank für deine Hilfe.
                  Leider hat dies bei mir zu keinem Effekt geführt.
                  Muss dafür noch irgendwo etwas eingetragen werden oder kann es sein, dass es wegen der MaterialDesign (Instanz) nicht funktioniert.

                  OliverIO 1 Reply Last reply Reply Quote 0
                  • OliverIO
                    OliverIO @Xanon last edited by

                    @xanon
                    das kann man nicht so einfach beantworten.
                    die css anweisungen sind sehr global auf das oberste element (body) gesetzt.
                    wenn man den elemente baum hinunter geht (ist alles hierarchisch aufgebaut) kann jederzeit
                    ein anderes element diese anweisungen wieder überschreiben (halt für sich und dann alle darunterliegenden.

                    das beste ist, mit den developer tools des browsers (f12 bei chrome und edge) sich das mal anschauen was aus diesen anweisungen geworden ist.

                    dort im reiter elements oder so ähnlich, kann man die html elemente anschauen und welche css anweisungen aktuell darauf wirken.
                    wenn dabei anweisungen durchgestrichen sind, dann wurde diese durch andere anweisungen überschrieben

                    X 1 Reply Last reply Reply Quote 0
                    • X
                      Xanon @OliverIO last edited by

                      @oliverio WOW bist du schnell beim Antworten 🙂

                      Alles klar
                      Schaue ich mir die Tage mal an.

                      Vielen Dank !

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

                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      841
                      Online

                      32.1k
                      Users

                      80.7k
                      Topics

                      1.3m
                      Posts

                      3
                      9
                      587
                      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