Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. VIS Editor schwarzer Hintergrund gewünscht

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    745

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

VIS Editor schwarzer Hintergrund gewünscht

Geplant Angeheftet Gesperrt Verschoben Visualisierung
9 Beiträge 3 Kommentatoren 821 Aufrufe 2 Beobachtet
  • Ä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.
  • X Offline
    X Offline
    Xanon
    schrieb am zuletzt editiert von Xanon
    #1

    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

    HomoranH OliverIOO 2 Antworten Letzte Antwort
    0
    • X 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

      HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von Homoran
      #2

      @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

      kein Support per PN! - Fragen im Forum stellen -
      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      X 1 Antwort Letzte Antwort
      0
      • HomoranH 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 Offline
        X Offline
        Xanon
        schrieb am zuletzt editiert von
        #3

        @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?

        HomoranH 1 Antwort Letzte Antwort
        0
        • X Xanon

          @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?

          HomoranH Nicht stören
          HomoranH Nicht stören
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von Homoran
          #4

          @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

          kein Support per PN! - Fragen im Forum stellen -
          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          X 1 Antwort Letzte Antwort
          0
          • HomoranH 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 Offline
            X Offline
            Xanon
            schrieb am zuletzt editiert von Xanon
            #5

            @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 Antwort Letzte Antwort
            0
            • X 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

              OliverIOO Offline
              OliverIOO Offline
              OliverIO
              schrieb am zuletzt editiert von OliverIO
              #6

              @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.

              Meine Adapter und Widgets
              TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
              Links im Profil

              X 1 Antwort Letzte Antwort
              1
              • OliverIOO 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 Offline
                X Offline
                Xanon
                schrieb am zuletzt editiert von
                #7

                @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.

                OliverIOO 1 Antwort Letzte Antwort
                0
                • X Xanon

                  @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.

                  OliverIOO Offline
                  OliverIOO Offline
                  OliverIO
                  schrieb am zuletzt editiert von
                  #8

                  @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

                  Meine Adapter und Widgets
                  TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                  Links im Profil

                  X 1 Antwort Letzte Antwort
                  0
                  • OliverIOO OliverIO

                    @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 Offline
                    X Offline
                    Xanon
                    schrieb am zuletzt editiert von
                    #9

                    @oliverio WOW bist du schnell beim Antworten :-)

                    Alles klar
                    Schaue ich mir die Tage mal an.

                    Vielen Dank !

                    1 Antwort Letzte Antwort
                    0

                    Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                    Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                    Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                    Registrieren Anmelden
                    Antworten
                    • In einem neuen Thema antworten
                    Anmelden zum Antworten
                    • Älteste zuerst
                    • Neuste zuerst
                    • Meiste Stimmen


                    Support us

                    ioBroker
                    Community Adapters
                    Donate

                    612

                    Online

                    32.8k

                    Benutzer

                    82.7k

                    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