color change of the layer with a script

yann

Hello, I have a question about sketch script.

I want to control the color(fill or tint) of the layer with a script, how can I do this?

I tried to get a hint from the example sentence in the link below, but this code doesn't work.

https://developer.sketch.com/plugins/updates/new-in-sketch-64

// Output the current tint
console.log(layer.style.fills)
// Remove the tint
layer.style.fills = []

// Add a new tint
let newTint = {
  fillType: sketch.Style.FillType.Color,
  color: '#ff6600'
}
layer.style.fills = [newTint]

kevgski

yann can you share the output of layer? The code should work just fine.

yann

kevgski

const sketch = require('sketch')

var document = sketch.getSelectedDocument()
var page = document.selectedPage.name
var parent = document.getLayersNamed("parent")
var child = document.getLayersNamed("child")

parent.style.fills = []

var newTint = {
  color: "#008599",
  fillType: sketch.Style.FillType.Color
}

child.style.fills = [newTint]

I get the following result.

TypeError: undefined is not an object (evaluating 'parent.style.fills = []')
    at onRun (/Users/yann/Library/Application Support/com.bohemiancoding.sketch3/Plugins/Untitled.sketchplugin:9:13)
Script executed in 0.086281s

I want to change the child layer's color to the parent layer's color and delete the parent's color

kevgski

document.getLayersNamed(“parent”) is going to return an array of objects. Thus parent.style is undefined. You will want to either loop through all the layers (with something like forEach) or just get an element from the array like parent[0].

Likewise child isn’t a single layer object but rather an array of layers.

const sketch = require('sketch')

var document = sketch.getSelectedDocument()
var page = document.selectedPage.name
var parent = document.getLayersNamed("parent")[0]
var child = document.getLayersNamed("child")[0]

parent.style.fills = []

var newTint = {
  color: "#008599",
  fillType: sketch.Style.FillType.Color
}

child.style.fills = [newTint]

sonburn

@kevgski They've got [0] tacked on the end of each array, so they are returning the first match not the array. That said, this assumes the array has values, if not they will get undefined.

kevgski

sonburn Not sure I follow

They've got [0] tacked on the end of each array, so they are returning the first match not the array.

The code I shared was suggesting the possible edits that could be made. I don't believe Yann has that in the code they shared? Perhaps I'm missing something 😅

sonburn

kevgski Oh geez, sorry, I got mixed up with the responses. Disregard!

kevgski

sonburn No worries! Appreciate you trying to help! 😃

yann

kevgski
I just checked it out. Thanks!! 🙂