Sketch text style and color library issue

Share an issue
1

Hi,
I’ve created a bunch of standard text styles as a library (from our SketchCloud library files) in the Components view under Text styles.
These are all based font size, weight and color.
The color is the issue.
We use a separate library that defines our product color palette called Color styles
In the text library file - the font colors are defined using our custom palette ‘Color styles’

The problem is.. the font styles are all defined using our Color style palette.
When working on a Sketch file , I use the ‘Inspector > Appearance’ drop down that lists all the Text styles.
Really handy for applying styles quickly to fonts.
It applies the the correct color as it was originally set in the library file ..BUT..

Every time I need to change the color of the font - when I open the ‘Inspector>Color picker menu’ - it doesn’t have any color style library attached to it.
So I have to click the drop down and select our Color Style from the list and then find the color from our list.
It gets tedious having to do this over and over.
Is there a way of making our color palette style ‘stick’ to the ‘text styles’ so I don’t have to keep specifying it everytime?

I just realized.. do the text styles have to be defined in the same library file as the color styles - in order to pick up the defined palette? .. no joy - I tried and still the same behaviour.

image
image321×648 49.5 KB

2

Hey, thanks for reporting this. We’re looking into it and I’ll share an update later on.

About your question, nope, you don’t have to put your color palette in the same library as your text styles, you can have separate files.

3

Hi, I have an update to share.

In brief, to see the color variable connection, click on the color variable icon instead of the color picker

image
image361×248 16.8 KB

When you click on the color variable icon, you’ll see one of these outcomes:

  • If both the color variable and the style come from the same library, you will see the color variable attached as expected
  • If the color variable comes from a third document, you will only see the name of the color, but not the library where it comes from

We’ll work to correct the scenario where the variable comes from a third document.

I hope this helps!

1 Like