Making the atmosphere of the code, beautiful, enjoyable and playful by a warm and colorful, carefully chosen schemes and harmony. A theme that you’ll find comforting.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Join the big pro colors survey banner

Kary Pro Colors

screen shot 2017-10-30 at 4 37 37 pm

screen shot 2017-10-30 at 4 37 03 pm

Your workbench redesigned.

Given the possibilities and limitations we have tired our best to fully recolor Visual Studio Code to a new level and make it an entirely new experience which we really hope you like and enjoy! workspace


This theme includes two minimalistic icon packs that are carefully choosen for the style and coloring of this theme. The icons in these sets are designed by AnhGreen and Kiranshastry.


The theme…

This theme works great on many file formats but it works even better on some very special formats because we provide first class support which means each token of these languages are specifically themed and they will look sublime when you work with them in this theme.

JavaScript / TypeScript

screen shot 2017-05-12 at 7 32 35 pm

screen shot 2017-05-12 at 7 30 59 pm


screen shot 2017-05-12 at 7 49 30 pm

CSS / Less / SASS

screen shot 2017-05-13 at 12 26 34 am


screen shot 2017-05-13 at 12 29 01 am


screen shot 1396-12-15 at 3 04 07 pm


screen shot 1396-12-15 at 3 05 53 pm


screen shot 2017-05-13 at 12 30 03 am


screen shot 1396-12-15 at 3 08 05 pm

Good font to use with this theme?

To use it best, we suggest you use the medium weight of Hasklig typeface. It's a fork of Adobe Source Code Pro with programmer ligatures. Our theme is the best match to this typeface.

Thanks to

These awesome guys who made the high quality icons and shared them for free.

Thanks to these very awesome people for reporting problems, suggesting ideas and helping us bring new languages to the theme.

And thanks to these guys at Visual Studio Code's team for always being there when we had a problem and needed hot fixes and or when we asked questions and they answered kindly!

And thanks to Sheetal Nandi for fixing one TypeScript grammar problem for us :D

What's new?


  • New! — Breadcrump color support added.
  • New! — Active line color support added.
  • New! — A new icon :D.
  • New! — CSS Vendor specific properties are now supported.
  • New! — CSS Keyframe rules are now colored.
  • New! — Sidebar Git Diff properties are now supported.


  • Change! — What is better than a great new name? After the transition of the themes they were renamed and well let's agree that the name wasn't good right? It's now calld "Pro Colors" do you like it?
  • New! — Fish Shell language is now fully supported and I'm going to offer a new extension with even more token customizations
  • New! — GLSL Language is now fully supported!
  • Fix! — More and more CSS tokens are supported!
  • Fix! — Much better C++!
  • Fix! — JavaScript support classes are now supported!
  • Change! — A much improved Terminal look.
  • Change! — Dropdown menus are much more styled now.


  • New! — The hell just got frozen as Pro Colors now offer icons! With this release you'll be able to pick one of the two icon themes fully hormonized and carefully aligned for this theme. They work great on both Light and Dark themes.
  • New! — Go Lang is now officially onboard of the first class supported languages!
  • New! — Hell got even more frozen because we now also support C++ first class! Many many goodies for C++ are included.


  • New! — Much Better Active Tab Colors both in Dark & Light Themes with background color and border colors
  • New! — Matching brace colors added
  • New! — Added custom colors for editor ruler
  • New! — Word hover colors added (fixing #20)
  • New! — Improved find match colors (fixing #20)
  • New! — Custom Scrollbar is now back with very bold and new colors (fixing #15)
  • New! — From this release a forth theme is added to our collection called Eye Light which is still under it's initial heavy development phase. This heme brings a more darker look to the light theme for those of you who find the light theme very bright (fixing #18)
  • New! — Widget colors added for the light theme
  • New! — Added F# language support
  • New! — Added AppleScript language support
  • Fix! — Fixed the coloring of in operator in TypeScript and JavaScript
  • Fix! — Improved Files view colors (fixing #21)
  • Fix! — Improved PeekView colors (fixing #19)
  • Fix! — Improved Terminal colors
  • Fix! — Improved Panel colors
  • Fix! — Improved status bar colors


  • New! — This version has a new light theme called "Eye Light" which is basically the same as original Kary Light with a darker background for when you feel the light theme is tooo light!
  • Change! — Much better panel view coloring.
  • Change! — Much much better CSS variable coloring.
  • Change! — JS Docs are improved.
  • Change! — JSX/TSX improvements.
  • Fix! — Many many brace problems in CSS are now addressed within this version.
  • New! — Better XML tag support.
  • Fix! — CSS punctuation are much better now.


  • BIG CHANGES — Dark theme now contains many many many more workbench customizations. (we're getting near full workbench theme.). NOTE: It actually takes quite a bit to choose colors and decide what is a better design so we're sorry if it's a slow process.
  • New! — Picker view is now fully themed to be pretty in your eyes!
  • New! — Great PHP support! (We know! we know! we promised to bring good PHP support to the theme but unfortunately the support was not good enough. Well within this release you'll see many many improvements.)
  • New! — Gutter colors are added.
  • New! — Notifications are now beautified.
  • New! — Button colors are beautified.
  • Fix! — HTML DOCTYPE recently went on black. This is fixed now.
  • New! — CSS @media properties are now very better looking.
  • Fix! — Braces as always! Yes braces sometimes go green in the theme and we have tracked down some new problems with braces and they are all fixed now. Hopping you report the others we couldn't find...


  • Fix! — We forgot to have a right peek view in the dark theme which we are very sorry for. That must have made all of you guys very upset. In hope that you'll forgive us there is now a very cool peek view in the dark themes and we hope you like it!
  • New! — We'll be supporting haXe language from this version up.


  • New! — This version includes a new theme called Minimal Dark which features the same preferences as the dark theme but only it has no orange / red on the dark! It's really an interesting new look for the dark.
  • Fix! — Headers in Markdown had a strange bug that they rendered red color of the light theme in the dark theme. It's now fixed.


  • New! — Dark Theme now supports full workbench theme!!!
  • New! — Light Theme now supports full workbench theme!!!
  • Fix! — An issue about PHP HTML background coloring was fixed — reported by @m-thorsen


  • Fix! — An issue with rendering braces of JavaScript embedded in PHP <script> tag — reported by @m-thorsen



  • New! — PHP Language is now officially supported. (Requested by Dave Redfern on #7)
  • New! — SASS Language is now officially supported (Requested by @coastermcgee on #8)
  • Fix! — The bug with some braces rendering in red is now fully fixed


  • New! — Now supporting Nearley.js Language
  • Change! — Better JS support, having constants and template strings in better shape.
  • Change! — Better PEG.js support


  • Hot Fix! — As in Visual Studio Code version 1.9.0, KF Themes got broken because of the new highlighting system and the new grammar definitions. After a quick bug report and some talks an the topics we we wrote the Whole JavaScript and TypeScript definitions from scratch and pushed this hot fix so that you can enjoy the same theme you had. We are very sorry for this break in the theme and hope you still like this theme.
  • New! — A completely new Markdown experience based on the look of the pageman language is brought to you in this version.


  • New! — JSX just got awesome in TypeScript React (TSX files). Supporting 20 new custom tokens.
  • Fix! — Arrow Functions got much better in the recent version.
  • New! — PEG.js Language tokens are added.


  • New! — Great awesome support for JSX in JS and TSX files.
  • Change! — CSS Property Values are improved.
  • New! — HTML Entities are added.
  • Change! — CSS Function colors are improved;
  • Change!This color is changed.
  • New! — TypeScript Enums are greatly supported now.
  • New! — More hormonic class keyword colors for JS/TS.
  • Change! — Better color for * in JS/TS imports.


  • New! — HTML Entities added.
  • Change! — CSS function colors are changed.
  • New! — CSS constant property values are added.
  • Change! — Better color for this.
  • New! — Type Annotation < ... > added.
  • New!super got added.
  • New! — Node.js module support added (JS/TS).
  • Change! — Selection Colors changed.
  • New! — JS Support Functions are added.
  • Change! — JS DOM Colors are changed.
  • Change! — Logical operators are now colorless.
  • New! — JS Braces are improved.
  • New! — HTML DOCTYPEs are added.
  • New! — In TypeScript deceleration types are added.
  • Change! — Light Colors are fixed.
  • New! — Pretty new icon for the theme! :D.


  • MASSIVE CHANGE — The direction of this theme is changing. The new plan is to have full colored themes without the foreground colors on programming languages as much as possible. For some like Ruby this is impossible but for now we have a full support toward this change on TypeScript and JavaScript and we will work to bring that into other languages as well. Many of the things you knew has been changed due to this and we now have a much more harmonized theme that you will love.
  • Change — The colors in the light theme has been polished a lot and you'll heave super much better experience using them.


  • Change! — Dark colors are improved for good.
  • New! — CSS / Less are now fully supported. We had great support but with the new definitions they didn't worked. This new version includes the new defs to provide the bust support.
  • Change — TypeScript / JavaScript now have a much better color for the function arguments and types.
  • New! — We now have a fully support for Ruby including: Class Variables, Global Variables, Ruby Separators (do | ... |), def keyword, Right string interpolations.
  • Fix! — Type colors had so many issues, they are fixed for good.
  • New! — We now have full support fur Pageman (The whole definition is included).


  • New! — We now have custom support for JSON (true coloring enabled!)
  • New! — You think more high level than JSON? We also have the same support for YAML now...


  • Fix! — Types and type casts in TypeScript and JavaScript are fixed.
  • Fix! — Namespace color is fixed.
  • Fix! — Coloring of function parameter types are fixed
  • Upcoming! — As you know with the new grammar of Visual Studio Code 1.7 we now have functions in everywhere colored as red. This is due to a limitation of the grammar. We have opend a pull request to address the problem and provide a solution. We're hoping to have it fixed in the next versions of visual studio code if possible.


  • Change! — Strings are now blue again. Also string interpolation is added.
  • Change! — Function export types are orange.
  • Change! — Comparison and Relational operators are orange now.
  • Change! — Special Keywords are being taken care of.
  • Upcoming — Special Ruby Token will be added soon.


  • Change! — This version of the theme is designed for the new version of definitions and highlighter of the vscode that is coming in the v1.7.0. The themes are now compatible with the Babel Definitions and the new JavaScript / TypeScript definitions coming with viscose.
  • New! — Object keys now have a color! So you can distinguish stuff more easy right now...


  • Change! — Strings are green these days...
  • Change! — The dark theme's background is lighted a bit to match the dark background of the vscode. This way it has more eye comfort.
  • Issue #1 — Thanks to dear Murriouz a bug was reported about invalid code's rendering and it's not fixed.
  • Upcoming — For the next release we'll be having Babel syntax support.


  • Change! — The theme is now ported to themeX. As the themeX project itself is just started it may take weeks till we develop adaptors for other editors but once we reach there, using one code base we will compile the theme for all the other editors at ever single update. So soon we'll have support for other main big editors. Thanks for being with us till now.
  • Change! — Operators are now blue!


  • Change! — No line highlight for dark theme.
  • New! — Versions are now synced across all versions.


  • New! — Operator Keywords now render just like normal text. (better right?).


  • Fix! — As it turns out Mac uses a Gamma 1.8 RGB but the standard for tmThemes are sRGB. Thanks to the great tool "tmTheme Color Convertor" the theme has being fixed and the colors no longer looks dark!


  • New! — TypeScript's Type Cast Expression now has custom coloring.


  • New! — Custom string color for HTML added.
  • Fix! — Markdown Heading color changed to be more hormonic.


  • New! — Custom color for TypeScript class storage modifiers (public, private, ...)