Add support for setting TouchBarLabel text color
This commit is contained in:
parent
0098822fcf
commit
2680ee9f8f
4 changed files with 21 additions and 1 deletions
|
@ -8,6 +8,7 @@ Process: [Main](../tutorial/quick-start.md#main-process)
|
|||
|
||||
* `options` Object
|
||||
* `label` String (optional) - Text to display.
|
||||
* `textColor` String (optional) - Hex color of text, i.e `#ABCDEF`.
|
||||
|
||||
### Instance Properties
|
||||
|
||||
|
@ -17,3 +18,8 @@ The following properties are available on instances of `TouchBarLabel`:
|
|||
|
||||
The label's current text. Changing this value immediately updates the label in
|
||||
the touch bar.
|
||||
|
||||
#### `touchBarLabel.textColor`
|
||||
|
||||
The label's current text color. Changing this value immediately updates the
|
||||
label in the touch bar.
|
||||
|
|
|
@ -80,12 +80,15 @@ const finishSpin = () => {
|
|||
if (uniqueValues === 1) {
|
||||
// All 3 values are the same
|
||||
result.label = '💰 Jackpot!'
|
||||
result.textColor = '#FDFF00'
|
||||
} else if (uniqueValues === 2) {
|
||||
// 2 values are the same
|
||||
result.label = '😍 Winner!'
|
||||
result.textColor = '#FDFF00'
|
||||
} else {
|
||||
// No values are the same
|
||||
result.label = '🙁 Spin Again'
|
||||
result.textColor = null
|
||||
}
|
||||
spinning = false
|
||||
}
|
||||
|
@ -94,7 +97,9 @@ const touchBar = new TouchBar([
|
|||
spin,
|
||||
new TouchBarSpacer({size: 'large'}),
|
||||
reel1,
|
||||
new TouchBarSpacer({size: 'small'}),
|
||||
reel2,
|
||||
new TouchBarSpacer({size: 'small'}),
|
||||
reel3,
|
||||
new TouchBarSpacer({size: 'large'}),
|
||||
result
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue