Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision ambassador ambassador
Jan Nikolaas Gijsen Jan Nikolaas Gijsen
closed thread

"Sync Styles" adds non-existing colors to Sketch document

So I've run into this issue on two separate projects. When syncing with the "Sync Styles" button of the plugin, Craft will sometimes create/add a new, non-exisiting color to the Styles-page. This new color is always 'related' to an actual color used in the document.

For example, one of my colors is #333333, and all of a sudden Craft will create a new color #262626 that doesn't exist anywhere in my designs.
I can select the new color and color pick it to the original, re-sync and it will disappear. But one or more sync actions later and it will randomly reappear. I have this issue for multiple colors. And while it's easy to identify and correct the color above, it's a real horror story when the same thing happens to an array of similar tints that are closely related; it effectively becomes impossible to correctly identify the real color and fix the issue. (Pick the wrong color and you'll send your text styles into a tailspin.)

I've already cleared all my document swatches, so there's no conflict there.
And I'm certain I don't haven't any elements in my document that I've used these colors on. For example: I use #333333 al the time because it's easy to remember and input, but I've never used/typed #262626. And the fact that they randomly return a while later is odd to say the least.

In any case, it's a real drag on my projects and add a lot of work to keeping my styles consistent.

12

comments

sort by

official comment
Shaina Torgerson
Shaina Torgerson, InVision Employee , ambassador Edited

If anyone else is experiencing this issue, please contact our Support team directly here for the speediest resolution.

We will post the solution in this thread once the Support and Engineering teams find a solution.

Have a great day!

Shaina


Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador

Hey Jan,

Apologies for the odd behavior here! I'm escalating this so our team can take a look for you. Keep your eyes peeled for another email about this shortly.

Thanks,
Beth

1

Nick van Boven
InVision ambassador Nick van Boven , ambassador

Having the same isseu almost making craft sync impossible to use because after new style are added i also see that color are being changed on sync

2

Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador

Hi Nick! I'm so sorry for the trouble. I just opened a ticket on your behalf with our Support team, so someone should be getting back to you shortly.

If anyone else is experiencing this issue, please contact our Support team directly here for the speediest resolution.

Thanks,
Beth

1

Stephanie Chen
InVision ambassador Stephanie Chen , ambassador Edited

I'm having the same issue and found a weird workaround.

As a test, I tried clicking on the "Sync Styles" button a few times in a row while staying on the Styles page. What happened was interesting: with every "sync," several swatches--all greys coincidentally--randomly changed hex colors (i.e. the same swatch changed from #939393 to #949494 to another similar grey). Color swatches also disappeared and reappeared with every click. I wasn't making any changes to my document between syncs, just watching the "Styles" page change on its own.

After clicking the button about 15 times or so, it seems to have eventually cleared/deleted all the random greys, and now I'm down to a color palette that makes sense. Clicking the "Sync Styles" button doesn't add or change existing swatches anymore. Not sure why, but that is my workaround at the moment.

UPDATE: OK it's not a workaround; it actually just changes and deletes existing colors in my document.

1

Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador

Hey Stephanie,

I'd like our Support team to dig deeper for you. I just opened a ticket on your behalf so keep a look out for an email from the team.

Thanks,
Beth

If anyone else is experiencing this issue, please contact our Support team directly here for the speediest resolution.

1

Norbert Banhidi
InVision ambassador Norbert Banhidi , ambassador

I'm having exactly the same issue plus a little bit more.

When I click on sync styles a new colour appears in styles every time.

I also noticed than if I sync again all colours gets lighter and lighter in the document. Everything moves closer to white on each sync.

2

Jan Nikolaas Gijsen
InVision ambassador Jan Nikolaas Gijsen , ambassador Edited

I quickly wanted to share what I know / found out, and have communicated to support in my ticket.
The issue seems to be related to text layers and color profiles. More specifically; text layers that aren't linked to a text style.

So for example: If I create a new text layer with the color #987654 and press sync, Craft will create a color swatch for the color #856343 (in my case).
However if create a text style from this text layer, and make sure this text layer is linked to that specific text style, the issue will resolve. And Sketch will create the correct #987654 color swatch and remove the aberrant color.

If tried this in many projects, and indeed, as soon as all my text layers are linked to a text style, the issue is resolved.
So what causes the actual issue? Well I tried to delve into the source code for the sketch file myself to figure it out. Here's what I learned and added to my ticket:
(Please note that I submitted this info a month ago, but I have not heard back yet.)

  • I tried looking into the issue myself by inspecting the .json code of our example file. Well actually I just recreated the elements in a new file to see if the aberrant color exists in the Sketch file somewhere before Craft get's involved. And I do believe I have found that to be true.

    While I'm not a full fledged developer myself, this is what I found: 
    Colors for text layers in Sketch are attributed through an archive, base64 (I think) encoded NSCustomColorSpace color, as part of style/textStyle attributes. (Shapes are simpler and simply have the color attributes dirrectly to them as RGB values.)

    Anyway, so when I 'decode' the Base64 String/Archive that determines the color for a text layer, I found that it uses NSCustomColorSpace to define the color of the text. And guess what, this contains 2 sets of colors, our actual color and our aberrant color. My guess is that our actual color is the base color, and the other color is a ColorSpace variant. I believe it's here that the Craft plugin (incorrectly) grabs the second color, instead of the base color. That's my guess anyway.

    I've added the example string (encoded) attached, as well as a screenshot of where it is used in the .json of the Sketch file. I'm also including a screenshot of what it converts to when decoded with an online tool. As you can see, it gives you 2 sets of numbers right after one another, that when multiplied with 255 give you the rgb colors for the base color #98765 (152, 118, 84) and the aberrant color #856343 (133, 99, 67 the actual convertion gives you these values: 133.236385 , 98.86032879 , 66.5808785).

    So perhaps the solution might be as 'simple' as getting the Craft plugin to used the first, actual color, instead or the latter.

Files can be downloaded here: https://we.tl/Zkwhjsi9em
So for now the only quick-fix is to match every text layer to a style.

1

Anders Houston
InVision ambassador Anders Houston , ambassador

Can confirm, this is lightening all my text and making it impossible to standardize colors across files. Please fix asap. <3

1

Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador

Hey Anders,

Our Engineering team is aware of the issue and continuing to investigate it. I'll open a support ticket for you so that you'll get notified once it's resolved. Thanks so much for hanging in there while we work to iron out this kink!

Thanks!
Beth

0

The Banana Design Company
InVision ambassador The Banana Design Company , ambassador

Same issue here guys. And we're in the middle of an active project where the client's starting to get a little annoyed. Need to resolve this issue asap.

0

Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador

Hey Nihar,

Apologies for any frustration here. It looks like you're in touch with Evan from Support about this issue, and he'll keep you updated on this issue. Hope you have a great weekend!

Thanks,
Beth

0

zetaap
InVision ambassador zetaap , ambassador

I have same problem with colors. Also I noticed that: 
1. https://yadi.sk/i/pvJ6MhkW3QgRTK
but if I pick color by Craft color picker then:
2. https://gyazo.com/e9c67bbbe47356d6f115beeb2951f251 — craft color picker shows me #191919. Sketch color picker shows me correct color #212121 . 

1

Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador

Hi zetaap,

Our Engineering team is aware of the issue and they're still looking into it. I'll open a support ticket for you so that they can keep you posted. Thanks so much for hanging in there!

Beth

 
1

Dao Nguyen
InVision ambassador Dao Nguyen , ambassador

Can you add one for me? I'm having the same issue. Just spent an hour fixing and redoing after it changed the styles in my document. Is there any way to clear out the style information that was generated and saved in the Craft menu?

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador

Hi Dao,

I would be happy to open a support ticket for you in regards to this issue! Please look for a message from our Support team shortly.

Can you please clarify if you are referring to deleting style information from your Craft Library? If so, you are able to delete single items from your Craft Library, as well as entire Libraries. Please review the documentation here to learn more. If this does not answer your question, please let me know.

Have a wonderful day,

Shaina

0

Natalia
InVision ambassador Natalia , ambassador

I'm having exactly the same issue, and I'm waiting for her decision since 11 December 2017...

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador

Hi Natalia,

I see that you are still working directly with Joe from our Support team on this issue. I have made him aware of your message here in Community.

We will be sure to keep you in the loop with any updates!

Thanks and have a great day,

Shaina 

0

Portland
InVision ambassador Portland , ambassador

Also having this issue.

Clicking sync styles will lighten colour and sometimes delete the main one I actually used.

Any idea on an update?

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador

Hi Portland,

It appears as if our Engineering team is still looking into this issue. I've opened a support ticket for you so that they can keep you updated on when they reach a resolution.

Thanks for your patience, and we apologize for the inconvenience!

Thanks,

Shaina

0

Semih Memis
InVision ambassador Semih Memis , ambassador

I'm having exactly the same issue, and I'm waiting for an update fixing this most important bug.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador

Hi Semih,

As noted in my reply to Portland, it appears as if our Engineering team is still looking into this issue. I will also open a support ticket for you so that they can keep you updated on when they reach a resolution.

Thanks for your patience, and we apologize for the inconvenience!

Have a great day,

Shaina

NOTE: If anyone else is experiencing this issue, please contact our Support team directly here to follow this issue, and notify them that you are also experiencing this. Thanks!

0

Anders Houston
InVision ambassador Anders Houston , ambassador

This is still a problem, any update on this? I've contacted the engineering team and given them all the information I could. Do they at least know what's causing this?

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador

Hi Anders,

I apologize for the inconvenience and frustration this is causing. Thank you for reaching out to the Engineering Team directly. They are still working on a solution.

Once there are any updates on this matter, we will post in this Community thread. I will be sure to escalate this matter in our upcoming Team meetings.

Thanks for hanging in there,

Shaina

 

0

Semih Memis
InVision ambassador Semih Memis , ambassador

3 MONTHS...

THIS MUST BE A JOKE...

YOU SHOULD CHANGE YOUR ENGINEERING(!!!???) TEAM...

Shania please don't say to us "It appears as if our Engineering team is still looking into this issue" this is not a Mars Project...

YOU ARE NOT INTERESTED IN THIS BUG...

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador

Hey Semih,

Thanks for reaching out on this thread. I understand how frustrating it is to wait for a fix to an issue. The Engineering team is aware of the issue but we prioritize issues based on the scope and impact of the issue. For that reason, we don’t have an immediate fix available.

It looks like you’re currently in touch with one of our Support team members who will being keeping you updated on the resolution to this bug.

Thanks for bearing with us,

Shaina

0

Semih Memis
InVision ambassador Semih Memis , ambassador

you says, this is not important bug for us.

but

you understand that we are deciding not to use your program because this bug is very very very important

but you do not believe

0

Giancarlo
InVision ambassador Giancarlo , ambassador Edited

Hello, 
I just submitted the issue to the support team too, hopefully repetita iuvant

Anyway, just to add my two cents to the conversation, whenever I launch Craft Sync command, to update Styles, the original colors I chose gets duplicated and substituted with faded out new versions, plus Sketch Text Styles gets duplicated. The first time I run the Command + Shift + C shortcut the Styles page is generated correctly (Even though some style is arbitrary named "H2").
From then on, every time I perform the Command + Shift + C shortcut the Colors associated with a Text Style fade out and Sketch Text Styles gets duplicated. Color that are not associated to any Text Style does not change.

Obviously this behaviour keeps me from using Craft Style Syncing at all and to look elsewhere.

2

Adam Alfredsson
InVision ambassador Adam Alfredsson , ambassador

I definitely have the same problem. If this is occuring for all Craft users, then I don't see any reason why this issue should not be regarded as top priority. I hope to see this patched soon, in the meantime I will need to use an alternative.

0

Semih Memis
InVision ambassador Semih Memis , ambassador

Hi, Adam Alfredsson
I guess there will not be an update on this important big bug.
I will find another solution after the delete Craft Plugin. 

0