HD widgets farbe ändern???

[denjo]

@oliverio

[
  {
    "tpl": "tplHqDimmer",
    "data": {
      "g_fixed": true,
      "g_visibility": false,
      "g_css_font_text": false,
      "g_css_background": false,
      "g_css_shadow_padding": false,
      "g_css_border": false,
      "g_gestures": false,
      "g_signals": false,
      "g_last_change": false,
      "visibility-cond": "==",
      "visibility-val": 1,
      "visibility-groups-action": "hide",
      "oid": "zigbee.0.001788010d0b6a8a.brightness",
      "unit": "%",
      "min": "0",
      "max": "100",
      "digits": "0",
      "step": "1",
      "is_comma": "true",
      "iconName": "_PRJ_NAME/LED RGB.png",
      "btIconWidth": "56",
      "offsetAuto": "true",
      "leftOffset": "15",
      "topOffset": "55",
      "circleWidth": "50",
      "showValue": "true",
      "timeAsInterval": "true",
      "infoLeftFontSize": "12",
      "infoFontRightSize": "12",
      "infoLeftPaddingLeft": "15",
      "infoLeftPaddingRight": "50",
      "infoRightPaddingRight": "15",
      "signals-cond-0": "==",
      "signals-val-0": true,
      "signals-icon-0": "/vis/signals/lowbattery.png",
      "signals-icon-size-0": 0,
      "signals-blink-0": false,
      "signals-horz-0": 0,
      "signals-vert-0": 0,
      "signals-hide-edit-0": false,
      "signals-cond-1": "==",
      "signals-val-1": true,
      "signals-icon-1": "/vis/signals/lowbattery.png",
      "signals-icon-size-1": 0,
      "signals-blink-1": false,
      "signals-horz-1": 0,
      "signals-vert-1": 0,
      "signals-hide-edit-1": false,
      "signals-cond-2": "==",
      "signals-val-2": true,
      "signals-icon-2": "/vis/signals/lowbattery.png",
      "signals-icon-size-2": 0,
      "signals-blink-2": false,
      "signals-horz-2": 0,
      "signals-vert-2": 0,
      "signals-hide-edit-2": false,
      "lc-type": "last-change",
      "lc-is-interval": true,
      "lc-is-moment": false,
      "lc-format": "",
      "lc-position-vert": "top",
      "lc-position-horz": "right",
      "lc-offset-vert": 0,
      "lc-offset-horz": 0,
      "lc-font-size": "12px",
      "lc-font-family": "",
      "lc-font-style": "",
      "lc-bkg-color": "",
      "lc-color": "",
      "lc-border-width": "0",
      "lc-border-style": "",
      "lc-border-color": "",
      "lc-border-radius": 10,
      "lc-zindex": 0,
      "descriptionLeft": "Küchen Schrank",
      "bindings": [],
      "name": null,
      "comment": null,
      "class": null,
      "filterkey": "Lampen",
      "multi-views": null,
      "locked": null
    },
    "style": {
      "left": 391,
      "top": 596,
      "bindings": []
    },
    "widgetSet": "hqwidgets",
    "_id": "i000001"
  }
]

Der Button kommt von HD Widgets

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

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

"iconName": "_PRJ_NAME/LED RGB.png",

[denjo]

@oliverio

[denjo]

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

[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

[denjo]

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

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

[denjo]

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

[OliverIO]

@denjo

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

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

[Homoran]

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

[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

[denjo]

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

[Homoran]

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

aber es ist ein bild

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

[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]

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

HD HD

@denjo bitte Threadtitel anpassen!

[denjo]

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