New in Sketch 64

Released 23 March, 2020 – read release notes

Changes

Tints

Sketch 64 introduces a new feature: Tints. With Tints, you can change the color of an entire Symbol or group, without relying on complex workarounds and multiple Layer Styles.

Internally, Tints are treated as Color Fills on Symbols and Groups, so you can access and modify them using the existing Styles API.

Usage

The following code assumes layer is a SymbolInstance or a Group:

// 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]