# Kary Foundation’s Syntax Themes [![](https://vsmarketplacebadge.apphb.com/version/karyfoundation.theme-karyfoundation-themes.svg) ![](https://vsmarketplacebadge.apphb.com/installs/karyfoundation.theme-karyfoundation-themes.svg)](https://marketplace.visualstudio.com/items?itemName=karyfoundation.theme-karyfoundation-themes) [![](https://img.shields.io/badge/Powered by-themeX-yellow.svg)](https://github.com/karyfoundation/themeX) 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)](https://github.com/karyfoundation/comment/wiki) and the fact that we have a very restricted way of [coding style](http://kary.us/2015/02/12/arendelle-coding-styles/). 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](https://ia.net/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

#### Ruby

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

#### CSS / Less screen shot 2016-07-23 at 1 00 09 pm

#### HTML / XML screen shot 2016-07-23 at 4 23 56 am

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

#### JSON

## How to use it? #### Visual Studio Code It's available from the marketplace, Just simply run: ``` ext install theme-karyfoundation-themes ``` #### Sublime Text After cloning this repo in your Sublime use `Preferences` > `Browse Packages…` open the folder and put `.tmTheme` files from the `Themes` folder into it. #### Atom Use our official ports for Atom available via atom package manager (APM): - [Kary Foundation Light](https://atom.io/packages/kary-foundation-light) - [Kary Foundation Dark](https://atom.io/packages/kary-foundation-dark) #### Any other editor that supports .tmThemes Files are provided under the `Themes` directory. Use your editors guides and install the themes. ## Good font to use with this theme? To use it best, we suggest you use the medium weight of [Hasklig](https://github.com/i-tu/Hasklig) typeface. It's a fork of [Adobe Source Code Pro](https://adobe-fonts.github.io/source-code-pro) with programmer ligatures. Our theme is the bes match to this typeface. ## What's new? #### 5.2.0 - **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](https://github.com/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. #### 5.0.0 - **Change!** — The theme is now ported to [themeX](https://github.com/karyfoundation/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! #### 4.0.2 - **Change!** — No line highlight for dark theme. - **New!** — Versions are now synced across all versions. #### 1.5.2 - **New!** — Operator Keywords now render just like normal text. (better right?). #### 1.5.1 - **Fix!** — As [it turns out](https://github.com/Microsoft/vscode/issues/9629) Mac uses a _Gamma 1.8 RGB_ but the standard for tmThemes are sRGB. Thanks to the great tool ["tmTheme Color Convertor"](https://github.com/jibsen/tmcolorconv) the theme has being fixed and the colors no longer looks dark! #### 1.4.5 - **New!** — TypeScript's _Type Cast Expression_ now has custom coloring. #### 1.4.4 - **New!** — Custom string color for HTML added. - **Fix!** — Markdown Heading color changed to be more hormonic. #### 1.4.3 - **New!** — Custom color for TypeScript class storage modifiers (`public`, `private`, ...)