Variable in Widget Liquid
Verfasst: 20. Feb 2023 17:49
Hallo zusammen,
ich würde gerne das darkLiquid_card.yaml von https://github.com/rgrollfitz/oh3-widgets nutzen z.B. als grafische Füllstandsanzeige einer Zisterne. Klappt soweit eigentlich auch super, würde aber gerne via variable die Farbe ändern aber leider schaffe ich das so nicht. Wäre super wenn jemand ne Idee hat wie ich das umsetzten könnte.
So habe ich den String abgeändert, wenn ich hier z.B. red einsetze dann wird die Farbe geändert, ist die Variable dort eingetragen funktioniert das nicht.
Gruß Lenschi
ich würde gerne das darkLiquid_card.yaml von https://github.com/rgrollfitz/oh3-widgets nutzen z.B. als grafische Füllstandsanzeige einer Zisterne. Klappt soweit eigentlich auch super, würde aber gerne via variable die Farbe ändern aber leider schaffe ich das so nicht. Wäre super wenn jemand ne Idee hat wie ich das umsetzten könnte.
So habe ich den String abgeändert, wenn ich hier z.B. red einsetze dann wird die Farbe geändert, ist die Variable dort eingetragen funktioniert das nicht.
Code: Alles auswählen
style="stop-color:var(--color);stop-opacity:1"
Code: Alles auswählen
style:
--color: lime
Code: Alles auswählen
background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"%3E%3Csvg width="100%25" height="100%25" viewBox="0 0 100%25 100%25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"%3E%3Cg transform="matrix(1,0,0,1.16583,0,-41.4573)"%3E%3Cpath d="M2100,51C1877.85,82.213 1653.26,55.095 1427.19,70.645C1309.15,78.764 1091.86,41.538 882.9,59.37C605.267,83.062 300.648,21.379 0,51L0,250L2100,250L2100,51Z" style="fill:url(%23_Linear1);"/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2,-214.44,250,-1.71552,1149,250)"%3E%3Cstop offset="0" style="stop-color:rgb(255,1,0);stop-opacity:1"/%3E%3Cstop offset="1" style="stop-color:var(--color);stop-opacity:1"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A')