Color Variables API?

cvalleskey

I'm looking to read/write color variables introduced in the Sketch 69 beta. Is this possible yet?

ale

The API is not yet available, but it will be when the final version is out.

Here's a sneak preview https://sketchplugins.com/d/2185-is-there-any-way-to-set-a-tint-override-with-new-sketch-69-color-variables/2, and this is the PR we're using to work on it https://github.com/sketch-hq/SketchAPI/pull/799

cvalleskey

ale Thank you! I was able to access the color variables using sketch-constructor in the mean time. Looking forward to the official API methods.

elliotdickison

Will swatches be read-only via this API or am I reading the changes incorrectly?

ziyafenn

No news on color variables API?

kevgski

@ziyafenn Color Variables have been added. You can read a lil bit more about them here: https://developer.sketch.com/reference/api/#swatch

and I wrote up some extra info here:
https://sketchplugins.com/d/2205-js-api-guide-whats-up-with-color-variables

mLihs

Hi is there any way to figure out if a color of a text or a shape fill is related to a color swatch ?

kevgski

For text you can check if a swatch ID exists

let sketch = require('sketch')
let doc = sketch.getSelectedDocument()
let selection = doc.selectedLayers.layers[0]

let textStyle = selection.style.sketchObject.textStyle()
let mscolor = textStyle.attributes().MSAttributedStringColorAttribute
if (mscolor.swatchID()) {
  // it's a color variable
}

likewise you can do something similar for a shape fill

let fill = selection.style.fills[0]
let mscolor = fill.sketchObject.color()
if (mscolor.swatchID()) {
  // it's a color variable
}

So putting it all together you can do this

let sketch = require('sketch')
let doc = sketch.getSelectedDocument()
let selection = doc.selectedLayers.layers[0]

let mscolor
if (selection.type === 'Text') {
  let textStyle = selection.style.sketchObject.textStyle()
  mscolor = textStyle.attributes().MSAttributedStringColorAttribute
} else {
  let fill = selection.style.fills[0]
  mscolor = fill.sketchObject.color()
}

if (mscolor.swatchID()) {
  // it's a color variable
  console.log("its a swatch")
}