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


InVision ambassador ambassador
Scott Gauvin Scott Gauvin

Show color name in CSS

Developers have styles set up like this:
$apple: #35B845;

Craft plugin for Sketch has document color palette with same color name and hex values.

After Sync, CSS only shows hex values in Inspect mode:
background-color: #35B845;

Result: Developers must manually look up every color name.

It would be more efficient to get color name from CSS, either by bringing both color name and its hex value across from Sketch, or as an option in Inspect/Format Settings.

4

comments

sort by

official comment
Elizabeth Brookshire
InVision ambassador Elizabeth Brookshire , ambassador Edited
Comment actions Permalink

Hey Scott! Welcome to the InVision Community. You make a great point - this is certainly a way that we can improve your experience and workflow in Craft. While it's not yet a feature, this something that our Product team is tracking.

I'm going to open a ticket on your behalf so we can add your vote to this suggestion. Thanks so much!


jon
InVision ambassador jon , ambassador
Comment actions Permalink

Hello any news on this? would be nice to either show colour names from the craft plugin library or even better show the shared style name in the inspect window.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Jon,

Thanks for reaching out in regards to this feature. It appears as if we are still tracking interest for this particular feature. I will open a ticket on your behalf so that our Support team can track your vote.

Please look for a message from our Support team soon.

Have a great day,

Shaina

0

Michael
InVision ambassador Michael , ambassador Edited
Comment actions Permalink

 

Count me in!

Our developer asked me if it is possible to get "names" back rather than Hex codes. Because I already put a lot of time and effort to the style-guide and he now has to switch back to the style guide every time a color is added.

Pretty please :)


Edit: 

Imagine making a button with a background color, border-color and font color, would be awesome to see what predefined colors are used (with their names) which are bound to the style-guide. 

0

Kahlil H Cacabelos
InVision ambassador Kahlil H Cacabelos , ambassador
Comment actions Permalink

This would definitely would be beneficial for those who have to map layer names to a specific object or property value that is not inclusive to the current code format options. 

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Michael and Kahlil,

Thanks so much for chiming in about the need for this feature. I will open tickets on each of your behalf with our Support team so that they can track your interest for this feature as well.

Please look for a message from our Support team soon.

Have a wonderful day,

Shaina

If anybody else would like to add their vote for this feature, please contact Support here and voice your opinion!

 
0

Pamela Hu
InVision ambassador Pamela Hu , ambassador
Comment actions Permalink

Hi,

Just curious about the status of this? Any new developments? Would be very interested in this feature.

0

Shaina Torgerson
InVision ambassador Shaina Torgerson, InVision Employee , ambassador
Comment actions Permalink

Hi Pamela,

It appears as if we're still tracking interest for this feature. I understand how frustrating it is to wait for a potential feature to be released. The Product and Engineering teams prioritize issues and feature requests based on their scope and impact. For that reason, we are unable to provide an exact roadmap for this feature.

We’re constantly working on improvements, and we greatly value opinions like yours. Part of my job is to take important threads from Community to meetings with relevant Product Managers to discuss the struggles our customers are having. I will be sure to raise this feature request in my next meeting with the appropriate Product Manager.

I am happy to open a ticket on your behalf to add your interest to this potential feature. Please keep an eye out for an email confirming that we've formally tracked your feedback.

Thanks for writing into Community!

Shaina

0

Lance
InVision ambassador Lance , ambassador Edited
Comment actions Permalink

We need it too!

Curious about the status of this?\

0

Beth Vanderkolk
InVision ambassador Beth Vanderkolk, InVision Employee , ambassador
Comment actions Permalink

Hey Lance,

The Product Managers are still actively tracking this feature request! 

If you or anybody else would like to add their vote for this feature, please contact Support here and voice your opinion!

Beth

 

 

0

join the conversation

to comment, sign up or sign in.