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. HD widgets farbe ändern??? "gelöst"

NEWS

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

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

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

HD widgets farbe ändern??? "gelöst"

Geplant Angeheftet Gesperrt Verschoben Visualisierung
30 Beiträge 4 Kommentatoren 737 Aufrufe 3 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.
  • OliverIOO OliverIO

    @denjo

    hm, meinst du HQ für High Quality?
    wie kommst du auf HD?

    und wirklich für iobroker oder doch evtl home assistant? :)

    dir sind in den Einstellungen die Felder für DAteinamen aufgefallen? Das sind Bilder.
    d.h. du kannst evtl ein alternatives Bild mit den richtigen Farben nehmen oder dir das vorhandene Bild nehmen und in einem Grafikprogramm umfärben.

    28ba36ac-359b-4609-8d82-957a27e9e85e-image.png
    1bda2a71-2d02-4e5f-8032-7a4549efdb53-image.png

    Nachtrag:
    In deinem widget export hast du ja schon ein eigenes Bild verwendet:

    "iconName": "_PRJ_NAME/LED RGB.png",
    
    D Offline
    D Offline
    denjo
    schrieb am zuletzt editiert von
    #5

    @oliverio 0b12407b-96c3-4bc9-b704-610cee02a626-image.png

    1 Antwort Letzte Antwort
    0
    • OliverIOO OliverIO

      @denjo

      hm, meinst du HQ für High Quality?
      wie kommst du auf HD?

      und wirklich für iobroker oder doch evtl home assistant? :)

      dir sind in den Einstellungen die Felder für DAteinamen aufgefallen? Das sind Bilder.
      d.h. du kannst evtl ein alternatives Bild mit den richtigen Farben nehmen oder dir das vorhandene Bild nehmen und in einem Grafikprogramm umfärben.

      28ba36ac-359b-4609-8d82-957a27e9e85e-image.png
      1bda2a71-2d02-4e5f-8032-7a4549efdb53-image.png

      Nachtrag:
      In deinem widget export hast du ja schon ein eigenes Bild verwendet:

      "iconName": "_PRJ_NAME/LED RGB.png",
      
      D Offline
      D Offline
      denjo
      schrieb am zuletzt editiert von
      #6

      @oliverio ja das ich das Bild ändern kann weiß ich aber ich möchte die farbe "gelb" an und "grau" off gerne ändern.

      OliverIOO 1 Antwort Letzte Antwort
      0
      • D denjo

        @oliverio ja das ich das Bild ändern kann weiß ich aber ich möchte die farbe "gelb" an und "grau" off gerne ändern.

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

        @denjo sagte in HD widgets farbe ändern???:

        h möchte die farbe "gelb" an und "grau" off gerne ändern.

        das ist doch der Standard
        4144bbde-3eaf-4e18-aff7-130afaf4c33f-20251106-1804-54.6250705.mp4

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

        D 1 Antwort Letzte Antwort
        0
        • OliverIOO OliverIO

          @denjo sagte in HD widgets farbe ändern???:

          h möchte die farbe "gelb" an und "grau" off gerne ändern.

          das ist doch der Standard
          4144bbde-3eaf-4e18-aff7-130afaf4c33f-20251106-1804-54.6250705.mp4

          D Offline
          D Offline
          denjo
          schrieb am zuletzt editiert von
          #8

          @oliverio das hast du falsch verstanden ich möchte das geld zb transparenter machen und das grau auch, also das man die farben ändern kann und nicht als standard.

          1 Antwort Letzte Antwort
          0
          • OliverIOO OliverIO

            @denjo

            hm, meinst du HQ für High Quality?
            wie kommst du auf HD?

            und wirklich für iobroker oder doch evtl home assistant? :)

            dir sind in den Einstellungen die Felder für DAteinamen aufgefallen? Das sind Bilder.
            d.h. du kannst evtl ein alternatives Bild mit den richtigen Farben nehmen oder dir das vorhandene Bild nehmen und in einem Grafikprogramm umfärben.

            28ba36ac-359b-4609-8d82-957a27e9e85e-image.png
            1bda2a71-2d02-4e5f-8032-7a4549efdb53-image.png

            Nachtrag:
            In deinem widget export hast du ja schon ein eigenes Bild verwendet:

            "iconName": "_PRJ_NAME/LED RGB.png",
            
            OliverIOO Offline
            OliverIOO Offline
            OliverIO
            schrieb am zuletzt editiert von
            #9

            @oliverio sagte in HD widgets farbe ändern???:

            d.h. du kannst evtl ein alternatives Bild mit den richtigen Farben nehmen oder dir das vorhandene Bild nehmen und in einem Grafikprogramm umfärben.

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

            D 1 Antwort Letzte Antwort
            0
            • OliverIOO OliverIO

              @oliverio sagte in HD widgets farbe ändern???:

              d.h. du kannst evtl ein alternatives Bild mit den richtigen Farben nehmen oder dir das vorhandene Bild nehmen und in einem Grafikprogramm umfärben.

              D Offline
              D Offline
              denjo
              schrieb am zuletzt editiert von
              #10

              @oliverio nein das geht nicht weil das bild zb die lampe ist nur ein icon und aber die hintergrund farbe bleibt

              OliverIOO 1 Antwort Letzte Antwort
              0
              • D denjo

                @oliverio nein das geht nicht weil das bild zb die lampe ist nur ein icon und aber die hintergrund farbe bleibt

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

                @denjo

                klar geht das.
                bild in gimp öffnen und in den layers die opacity absenken

                bulb_on_lighter.png

                a15271ee-f830-4005-97f1-adaacacd0279-image.png

                das was du meinst mit "den hintergrund sehen" nennt sich transparency oder alpha kanal

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

                D 1 Antwort Letzte Antwort
                0
                • HomoranH Nicht stören
                  HomoranH Nicht stören
                  Homoran
                  Global Moderator Administrators
                  schrieb am zuletzt editiert von
                  #12

                  war da icht eins checkbox "jqui verwenden" o.ä.
                  die muss deaktiviert werden, dann geht alles mit Bordmitteln

                  kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • HomoranH Homoran

                    war da icht eins checkbox "jqui verwenden" o.ä.
                    die muss deaktiviert werden, dann geht alles mit Bordmitteln

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

                    @homoran

                    aber es ist ein bild und nicht mit html/svg gemalt, wo man einfluss auf alle details hat-
                    wenn, dann könnte man das bild generell durchsichtiger machen mit der css opacity anweisung o das der hintergrund mehr durchscheint

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

                    HomoranH 1 Antwort Letzte Antwort
                    0
                    • OliverIOO OliverIO

                      @denjo

                      klar geht das.
                      bild in gimp öffnen und in den layers die opacity absenken

                      bulb_on_lighter.png

                      a15271ee-f830-4005-97f1-adaacacd0279-image.png

                      das was du meinst mit "den hintergrund sehen" nennt sich transparency oder alpha kanal

                      D Offline
                      D Offline
                      denjo
                      schrieb am zuletzt editiert von
                      #14

                      @oliverio ich weiß gerade nicht ob ich dich nicht verstehe oder du mich nicht. Ich möchte den Hintergrund ändern zb gelb in Grün und zb grau in blau und transparent zb. hier nochmal das widget ohne bild drin.

                      b13fbcbe-be06-48a6-b977-bc1b689b29f7-image.png

                      e5e2e4cf-0e90-4a0e-86ab-1451a1d5c466-image.png

                      1 Antwort Letzte Antwort
                      0
                      • OliverIOO OliverIO

                        @homoran

                        aber es ist ein bild und nicht mit html/svg gemalt, wo man einfluss auf alle details hat-
                        wenn, dann könnte man das bild generell durchsichtiger machen mit der css opacity anweisung o das der hintergrund mehr durchscheint

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

                        @oliverio sagte in HD widgets farbe ändern???:

                        aber es ist ein bild

                        ich denke es geht um den Hintergrund, nicht um die bulb

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        OliverIOO 1 Antwort Letzte Antwort
                        0
                        • HomoranH Homoran

                          @oliverio sagte in HD widgets farbe ändern???:

                          aber es ist ein bild

                          ich denke es geht um den Hintergrund, nicht um die bulb

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

                          @homoran

                          jaja die magie der sprache.
                          HD HD

                          das ist jetzt nur für den on state

                          #w00056 .vis-hq-main.vis-hq-button-base-on {
                              background-color: green;
                              background-image: none;
                          }
                          

                          der css selektor für off nennt sich
                          #w00000 .vis-hq-main.vis-hq-button-base-off

                          antatt green kann jede gültige css farbangabe genommen werden.
                          im original ist ein linear-gradient enthalten

                          das muss im css tab eingetragen werden.
                          die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on 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

                          HomoranH D 3 Antworten Letzte Antwort
                          2
                          • OliverIOO OliverIO

                            @homoran

                            jaja die magie der sprache.
                            HD HD

                            das ist jetzt nur für den on state

                            #w00056 .vis-hq-main.vis-hq-button-base-on {
                                background-color: green;
                                background-image: none;
                            }
                            

                            der css selektor für off nennt sich
                            #w00000 .vis-hq-main.vis-hq-button-base-off

                            antatt green kann jede gültige css farbangabe genommen werden.
                            im original ist ein linear-gradient enthalten

                            das muss im css tab eingetragen werden.
                            die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

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

                            @oliverio sagte in HD widgets farbe ändern???:

                            HD HD

                            @denjo bitte Threadtitel anpassen!

                            kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                            1 Antwort Letzte Antwort
                            0
                            • OliverIOO OliverIO

                              @homoran

                              jaja die magie der sprache.
                              HD HD

                              das ist jetzt nur für den on state

                              #w00056 .vis-hq-main.vis-hq-button-base-on {
                                  background-color: green;
                                  background-image: none;
                              }
                              

                              der css selektor für off nennt sich
                              #w00000 .vis-hq-main.vis-hq-button-base-off

                              antatt green kann jede gültige css farbangabe genommen werden.
                              im original ist ein linear-gradient enthalten

                              das muss im css tab eingetragen werden.
                              die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

                              D Offline
                              D Offline
                              denjo
                              schrieb am zuletzt editiert von
                              #18

                              @oliverio puh, ich verstehe das leider noch nicht so ganz.

                              OliverIOO 1 Antwort Letzte Antwort
                              0
                              • D denjo

                                @oliverio puh, ich verstehe das leider noch nicht so ganz.

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

                                @denjo
                                Was verstehst du nicht?
                                Du musst schon etwas genauer erklären.
                                Versuche es bitte diesmal

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

                                1 Antwort Letzte Antwort
                                0
                                • OliverIOO OliverIO

                                  @homoran

                                  jaja die magie der sprache.
                                  HD HD

                                  das ist jetzt nur für den on state

                                  #w00056 .vis-hq-main.vis-hq-button-base-on {
                                      background-color: green;
                                      background-image: none;
                                  }
                                  

                                  der css selektor für off nennt sich
                                  #w00000 .vis-hq-main.vis-hq-button-base-off

                                  antatt green kann jede gültige css farbangabe genommen werden.
                                  im original ist ein linear-gradient enthalten

                                  das muss im css tab eingetragen werden.
                                  die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

                                  D Offline
                                  D Offline
                                  denjo
                                  schrieb am zuletzt editiert von
                                  #20

                                  @oliverio sagte in HD widgets farbe ändern???:

                                  #w00056 .vis-hq-main.vis-hq-button-base-on {
                                      background-color: green;
                                      background-image: none;
                                  }
                                  

                                  Das verstehe ichnicht

                                  OliverIOO 1 Antwort Letzte Antwort
                                  0
                                  • D denjo

                                    @oliverio sagte in HD widgets farbe ändern???:

                                    #w00056 .vis-hq-main.vis-hq-button-base-on {
                                        background-color: green;
                                        background-image: none;
                                    }
                                    

                                    Das verstehe ichnicht

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

                                    @denjo
                                    Diese Erklärung hat dir nicht gereicht?

                                    Bitte konkret schreiben, welcher der Sätze davon du nicht verstehst und was du probiert hast.
                                    Sorry den copy/Paste kann ich für dich nicht machen.
                                    Deine Tastatur kann ich für dich auch nicht bedienen.

                                    antatt green kann jede gültige css farbangabe genommen werden.
                                    im original ist ein linear-gradient enthalten

                                    das muss im css tab eingetragen werden.
                                    die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

                                    Ansonsten wäre ich am Ende meiner didaktischen Fähigkeiten, evtl. kann noch jemand anderes helfen

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

                                    D 2 Antworten Letzte Antwort
                                    0
                                    • OliverIOO OliverIO

                                      @denjo
                                      Diese Erklärung hat dir nicht gereicht?

                                      Bitte konkret schreiben, welcher der Sätze davon du nicht verstehst und was du probiert hast.
                                      Sorry den copy/Paste kann ich für dich nicht machen.
                                      Deine Tastatur kann ich für dich auch nicht bedienen.

                                      antatt green kann jede gültige css farbangabe genommen werden.
                                      im original ist ein linear-gradient enthalten

                                      das muss im css tab eingetragen werden.
                                      die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

                                      Ansonsten wäre ich am Ende meiner didaktischen Fähigkeiten, evtl. kann noch jemand anderes helfen

                                      D Offline
                                      D Offline
                                      denjo
                                      schrieb am zuletzt editiert von denjo
                                      #22

                                      @oliverio okay jetzt habe ich es geschnallt, danke. also green, blue usw klappt aber wie bekomme ich es transparent?

                                      edit: hab es hinbekommen

                                      1 Antwort Letzte Antwort
                                      0
                                      • OliverIOO OliverIO

                                        @denjo
                                        Diese Erklärung hat dir nicht gereicht?

                                        Bitte konkret schreiben, welcher der Sätze davon du nicht verstehst und was du probiert hast.
                                        Sorry den copy/Paste kann ich für dich nicht machen.
                                        Deine Tastatur kann ich für dich auch nicht bedienen.

                                        antatt green kann jede gültige css farbangabe genommen werden.
                                        im original ist ein linear-gradient enthalten

                                        das muss im css tab eingetragen werden.
                                        die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

                                        Ansonsten wäre ich am Ende meiner didaktischen Fähigkeiten, evtl. kann noch jemand anderes helfen

                                        D Offline
                                        D Offline
                                        denjo
                                        schrieb am zuletzt editiert von denjo
                                        #23

                                        @oliverio es funktioniert aber nur bei on, nicht bei off??

                                        #w00587 .vis-hq-main.vis-hq-button-base-on {
                                            background-color: rgba(230, 233, 29, 0.505);
                                            background-image: none;
                                        }
                                        #w00587 .vis-hq-main.vis-hq-button-base-off {
                                            background-color: rgb(11, 6, 77);
                                            background-image: none;
                                        }
                                        
                                        
                                        OliverIOO 1 Antwort Letzte Antwort
                                        0
                                        • D denjo

                                          @oliverio es funktioniert aber nur bei on, nicht bei off??

                                          #w00587 .vis-hq-main.vis-hq-button-base-on {
                                              background-color: rgba(230, 233, 29, 0.505);
                                              background-image: none;
                                          }
                                          #w00587 .vis-hq-main.vis-hq-button-base-off {
                                              background-color: rgb(11, 6, 77);
                                              background-image: none;
                                          }
                                          
                                          
                                          OliverIOO Offline
                                          OliverIOO Offline
                                          OliverIO
                                          schrieb am zuletzt editiert von OliverIO
                                          #24

                                          @denjo

                                          Ich kann erst morgen wieder probieren,
                                          Aber probiere es mal ohne -off
                                          Also

                                          vis-hq-main.vis-hq-button-base

                                          Ich gklaube der Basis Style war da drauf

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

                                          D 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

                                          647

                                          Online

                                          32.5k

                                          Benutzer

                                          81.6k

                                          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