Seite 1 von 1
[gelöst] OH3 Standard Color
Verfasst: 1. Okt 2022 13:51
von scotty
Hallo,
weiß zufällig jemand, welchen Color-Code Openhab für OH-3-Button verwendet?
Re: OH3 Standard Color
Verfasst: 1. Okt 2022 15:35
von peter-pan
Du kannst mal
hier schauen.
Das sollte über "style: " und der Eigenschaft "color:" klappen. Hier zwei Code-Snippets:
Code: Alles auswählen
- component: oh-button
config:
action: command
actionCommand: "=props.setPointItem ? Number(items[props.setPointItem].state.split(' ')[0]) > Number(props.minTemp) ? Number(items[props.setPointItem].state.split(' ')[0]) - 0.5 : ''"
actionItem: =props.setPointItem
style:
color: "=props.colorButton ? props.colorButton : ''"
height: 50%
left: 10%
margin-top: 0px
position: absolute
top: 50%
transform: translate(-50%, -50%)
width: 30%
- component: oh-button
config:
tooltip-trigger: hover
tooltip: '=!(props.tooltipEnable) ? false : "Show Faulted Zones (If any)"'
text: X
textColor: white
action: variable
actionVariable: Faulted
actionVariableValue: FALSE
style:
position: absolute
top: 14.5%
left: 25%
color: white
Re: OH3 Standard Color
Verfasst: 1. Okt 2022 17:38
von scotty
Sorry, ich habe mich nicht klar genug ausgedrückt. Ich benötige den Code für ein eigenes Widget, allerdings ohne ein OH-3-Button einzubauen. Bei Verwendung des Buttons ist der Farbton automatisch gesetzt.
@peter-pan
vielen Dank für die Unterstützung, aber weder in deinen Code-Snippets, noch in der Dokumentation ist ein Hinweis auf den Code zu finden (rgba oder alphanumerisch)
Re: OH3 Standard Color
Verfasst: 1. Okt 2022 18:00
von peter-pan
Aaah... du meinst den Farbton als solches(Hex, RGB). Dann schau mal
hier oder
hier.
Und
hier und
da kannst du dir sogar welche selber "schnitzen".
Re: OH3 Standard Color
Verfasst: 4. Okt 2022 04:41
von scotty
Vielen Dank, @peter-pan. Was ich gesucht habe ist hier
https://framework7.io/docs/color-themes dokumentiert.
Es handelt sich um den Code "#ff3b30".
Re: [gelöst] OH3 Standard Color
Verfasst: 4. Okt 2022 14:22
von peter-pan
...und etwas weiter unten in der "framework7 Color-Themes"-Doku kannst du dir den Hex-Code auch in RGB umwandeln lassen
RGB( 255, 59, 48)
..oder mit einem der o.g. Converter.
Re: [gelöst] OH3 Standard Color
Verfasst: 4. Okt 2022 18:04
von scotty
Das ist richtig. Aber muss es denn unbedingt ein RGB-Code sein? Ich verwende OH3.3, da wird die Zeile
color: "#ff3b30"
bereits akzeptiert.
Re: [gelöst] OH3 Standard Color
Verfasst: 4. Okt 2022 21:39
von peter-pan
...neee, natürlich nicht. Aber halt (auch) eine weitere Möglichkeit der Darstellung. Ich benutze alle möglichen Formen der Farbbeschreibungen, z.B.:
Code: Alles auswählen
linear-gradient(122deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%)
conic-gradient(from 90deg,pink,lightblue,#1E90FF)
radial-gradient(closest-side at 60% 55%, red, yellow, darkorange)
Das kann dann auch schon mal so aussehen:
Beispiel.jpg