Numerous Problems Multiplied
Learn how companies like Phone2Action are using npm in their front-end developmentJoin the conversation »


8.0.0 • Public • Published

Kary Foundation’s Syntax Themes

screen shot 2016-07-23 at 1 04 23 pm

What is this?

This page obviously is about a syntax theme, but for this one we have somehow a back story that is way different than just different coloring.

When people say beautiful codes they always mean less complexity or clever code but when we say that we mean it for real. The code must look nice when you read it. In order to manage the code we invented Kary Foundation’s Coding Style (KFCS) and the fact that we have a very restricted way of coding style.

Now beauty matters but also it’s the psychology that matters. As developers what you see all day long is code. So it matters that the code be pretty and it matters that your editor is pretty because well it’s your life happening behind it. But how should it look? what colors must be there?

For what we know we all are playful people. We have an active inner child. Our editors must look like playgrounds. We have developed a rainbow colored theme. With worm colors chosen very carefully for the finest code quality possible.

From what we noticed iA Writer has the most carefully defined experience. We loved the gold and red/orange colors used by their highlighter and inspired by their design we shaped a coding experience that for us was the most joyful look of the code ever possible.

The theme…

JavaScript / TypeScript

screen shot 2016-07-23 at 1 12 03 pm screen shot 2016-07-23 at 1 12 22 pm


screen shot 2016-07-24 at 3 44 16 am


screen shot 2016-07-24 at 3 35 36 am

CSS / Less

screen shot 2016-07-23 at 1 00 09 pm


screen shot 2016-07-23 at 4 23 56 am


screen shot 2016-07-24 at 3 39 47 am


screen shot 2016-07-23 at 1 03 12 pm

How to use it?

We support Atom and Sublime Text as well, For more information on this please visit here

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.

What's new?


  • 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, ...)




npm i theme-karyfoundation-themes

DownloadsWeekly Downloads






Last publish


  • avatar