Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
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.4k

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

Scheduled Pinned Locked Moved Visualisierung
30 Posts 4 Posters 730 Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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
    wrote on last edited by
    #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 Reply Last reply
    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
      wrote on last edited by
      #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 Reply Last reply
      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
        wrote on last edited by
        #10

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

        OliverIOO 1 Reply Last reply
        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
          wrote on last edited by 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 Reply Last reply
          0
          • HomoranH Do not disturb
            HomoranH Do not disturb
            Homoran
            Global Moderator Administrators
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by 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 Reply Last reply
              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
                wrote on last edited by
                #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 Reply Last reply
                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 Do not disturb
                  HomoranH Do not disturb
                  Homoran
                  Global Moderator Administrators
                  wrote on last edited by
                  #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 Reply Last reply
                  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
                    wrote on last edited by 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 Replies Last reply
                    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 Do not disturb
                      HomoranH Do not disturb
                      Homoran
                      Global Moderator Administrators
                      wrote on last edited by
                      #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 Reply Last reply
                      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
                        wrote on last edited by
                        #18

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

                        OliverIOO 1 Reply Last reply
                        0
                        • D denjo

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

                          OliverIOO Offline
                          OliverIOO Offline
                          OliverIO
                          wrote on last edited by
                          #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 Reply Last reply
                          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
                            wrote on last edited by
                            #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 Reply Last reply
                            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
                              wrote on last edited by 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 Replies Last reply
                              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
                                wrote on last edited by 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 Reply Last reply
                                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
                                  wrote on last edited by 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 Reply Last reply
                                  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
                                    wrote on last edited by 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 Reply Last reply
                                    0
                                    • OliverIOO OliverIO

                                      @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

                                      D Offline
                                      D Offline
                                      denjo
                                      wrote on last edited by
                                      #25

                                      @oliverio

                                      .vis-hq-main.vis-hq-button-base-on {
                                          background-color: rgba(230, 233, 29, 0.359);
                                          background-image: none;
                                      }
                                      .vis-hq-main.vis-hq-button-base {
                                          background-color: rgb(11, 6, 77);
                                          background-image: none;
                                      }
                                      
                                      leider auch nicht
                                      
                                      OliverIOO 1 Reply Last reply
                                      0
                                      • D denjo

                                        @oliverio

                                        .vis-hq-main.vis-hq-button-base-on {
                                            background-color: rgba(230, 233, 29, 0.359);
                                            background-image: none;
                                        }
                                        .vis-hq-main.vis-hq-button-base {
                                            background-color: rgb(11, 6, 77);
                                            background-image: none;
                                        }
                                        
                                        leider auch nicht
                                        
                                        OliverIOO Offline
                                        OliverIOO Offline
                                        OliverIO
                                        wrote on last edited by
                                        #26

                                        @denjo

                                        du musst das wie folgt nennen

                                        .vis-hq-main.vis-hq-button-base-normal {
                                        

                                        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 Replies Last reply
                                        1
                                        • OliverIOO OliverIO

                                          @denjo

                                          du musst das wie folgt nennen

                                          .vis-hq-main.vis-hq-button-base-normal {
                                          
                                          D Offline
                                          D Offline
                                          denjo
                                          wrote on last edited by
                                          #27

                                          @oliverio funktioniert, besten dank

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          819

                                          Online

                                          32.4k

                                          Users

                                          81.6k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe