HomeНаука и техникаRelated VideosMore From: Wes Bos

Highlight CSS Colors in Sublime Text!

176 ratings | 31412 views
A quick tutorial on how to enable Color Highlighter and get it to always show a solid color → http://wesbos.com/highlight-css-colours-in-sublime-text/
Html code for embedding videos on your blog
Text Comments (34)
sajjad hussain (18 days ago)
greate job it is working thanks bro
Héctor Gómez (2 months ago)
it doesn't work! :/
Sergio S. (1 month ago)
Try uninstalling any other color picker, like: "Color Pick" o "Color Picker" package, the same "Color Highlighter" has built in a color picker you can use. This is my setting for the file in "Preferences/Package Settings/Color Highlighter/Settings - User": { "ha_style": "filled", "search_colors_in": { "all_content": { "color_highlighters": { "color_scheme": { "enabled": true, "highlight_style": "filled" }, "gutter_icons": { "enabled": true, "icon_style": "circle" }, "phantoms": { "enabled": false, "length": 2, "style": "below" } }, "enabled": true }, "hover": { "color_highlighters": { "color_scheme": { "enabled": false, "highlight_style": "underlined_solid" }, "gutter_icons": { "enabled": false, "icon_style": "circle" }, "phantoms": { "enabled": false, "length": 2, "style": "right" } }, "enabled": false }, "selection": { "color_highlighters": { "color_scheme": { "enabled": false, "highlight_style": "filled" }, "gutter_icons": { "enabled": false, "icon_style": "circle" }, "phantoms": { "enabled": false, "length": 2, "style": "right" } }, "enabled": false } } }
Roger H (1 month ago)
SAME. Absolutely no colors appearing whatsoever. Help!
Krishna Kashyap (2 months ago)
it did not work for me I installed the plugin then set user setting as told but nothing happen when i type color name or hexcode of color in css file.
What's the name of ur THEME nd Colour Scheme
Toufiq Rahman (11 months ago)
It's not recognizing SASS variables.... Can you please check? http://prntscr.com/hsexr5 PS: I have not made any change in package settings. SASS file is being treated by the system as SASS. I am using Sublime Text 3, Build 3143
The Daeman Story (1 year ago)
You r the best
Peng Wang (1 year ago)
thanks for your video, you helped me how to set the color always show, it's just add {"ha_style": "filled"} into user setting. thank you so much
Sander Roosevelt (1 year ago)
Thanks for help and hello from Machado! City of coffee brazilian.
john partridge (1 year ago)
Question for Wes Bos: "What kind of mic are you using for recording?"
john partridge (1 year ago)
Found this useful! Thanks for making it!
Joan Sague (1 year ago)
Nice! Thank you very much!
Zubeen Khan (1 year ago)
thank you very much
Luiz Carlos Munhoz (1 year ago)
the inscriptions on the vegetal oil
Luiz Carlos Munhoz (1 year ago)
Hi Wes, I drew the Cafés do Brasil logo to print on the packaging when I was working for Camargo Correa in Brazil. Below the logo have inscriptions on the ISO9001. The jute factory closed in 2003 in my town. I was happy to see the pack in the background. I m designer and today and i work with web.
Austin Ingram (1 year ago)
Thank you!
Jérôme I (2 years ago)
Thanks for the tip! :)
alen price (2 years ago)
Great Thanks!!!
Hasenkam (2 years ago)
Paweł Gruś (2 years ago)
awesome! so great you make this tut! :)
kamaboko1 (2 years ago)
Supremely fantastic. Thanks.
Anton Parkhomenko (3 years ago)
Amazing! Thx!
Andy Aparece (3 years ago)
Thanks! but it doesn't work if you import variable from another file, eg. _variables.scss and main.scss. Any workaround for this?
Ahmad Aziz (3 years ago)
Works like a charm!
Mop (3 years ago)
This is awesome.. thanks a lot man.
Leonardo Aedo (3 years ago)
nice!!!! thanks dude
Uziel Bueno (3 years ago)
wow!, it is so cool!
amr abdelaziz (3 years ago)
thnx man
Ahmed Mahmoud (3 years ago)
Amazing :)
Jay Wilson Jr. (3 years ago)
Fantastic Wes! When I saw this in your flexbox video I too wondered how you did this. I did some googling and discovered the Color Highlighter plugin. However, your video was on point explaining how to tweak the setting to alter the setup. Thanks man!
Garoria (3 years ago)
thx for this great Video. this makes it so easier.
Friedrich Schönborn (3 years ago)
Hi friend! Could you tell me also what Sublime Theme you use?
Federico Balboa (3 years ago)
+FredJoidstersberg It's cobalt2 https://github.com/wesbos/cobalt2

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.