[gelöst] OH3 Standard Color

[scotty]

Hallo,

weiß zufällig jemand, welchen Color-Code Openhab für OH-3-Button verwendet?

[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 

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

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

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

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

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

[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