Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. HD widgets farbe ändern???

    NEWS

    • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

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

    HD widgets farbe ändern???

    This topic has been deleted. Only users with topic management privileges can see it.
    • OliverIO
      OliverIO @denjo last edited by 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 OliverIO 3 Replies Last reply Reply Quote 0
      • D
        denjo @OliverIO last edited by

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

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

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

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

            @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 1 Reply Last reply Reply Quote 0
            • D
              denjo @OliverIO last edited by

              @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 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO @OliverIO last edited by

                @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 1 Reply Last reply Reply Quote 0
                • D
                  denjo @OliverIO last edited by

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

                  OliverIO 1 Reply Last reply Reply Quote 0
                  • OliverIO
                    OliverIO @denjo last edited by 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 1 Reply Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators last edited by

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

                      OliverIO 1 Reply Last reply Reply Quote 0
                      • OliverIO
                        OliverIO @Homoran last edited by 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

                        Homoran 1 Reply Last reply Reply Quote 0
                        • D
                          denjo @OliverIO last edited by

                          @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 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @OliverIO last edited by

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

                            aber es ist ein bild

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

                            OliverIO 1 Reply Last reply Reply Quote 0
                            • OliverIO
                              OliverIO @Homoran last edited by 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

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

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

                                HD HD

                                @denjo bitte Threadtitel anpassen!

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

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

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

                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  893
                                  Online

                                  32.4k
                                  Users

                                  81.2k
                                  Topics

                                  1.3m
                                  Posts

                                  3
                                  18
                                  100
                                  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