Add html syntax highlighting for CodeKit's .kit files in Espresso.app.
Espresso automatically detects html syntax for .kit files when they have an opening <html> tag, but it does not for partials (ie. when <html> is not declared). This sugar solves the issue.
In the future I might add more functionality such as .kit statements detection and coloring (@import, $variables, etc), but not for now.
Now Espresso will recognize and color the following .kit statements:
@importor@include- variables in both in the
@and in the$form, but not in the simple string form, so:@variableand$variablewill be colored, but notvariable(all three are valid .kit variables) - and most importantly, comments
<!-- -->
This sugar makes working with .kit files in Espresso a real pleasure. Up until now I had this terrible experience of trying to train my eye not to ignore code comments, which was driving me crazy. Now they are highlighted and beautiful.
I am still investigating an issue with the placeholder theme colors being inverted in some circumstances.
Here is a preview image:
The preview above uses GSVRailcasts, my personal theme for Espresso. The actual look when you install the sugar will probably be different. You might want take a look at it, by the way, it's dark and spicy.
Please note that since CodeKit syntax is written inside html comment blocks, this sugar will also color standard html comment blocks that you might have in your .kit files (not in .html files, though). This behavior might be changed in the future. I still have to investigate if it is feasible.
Feel free to fork and contribute to this if you feel like it.
Hope you like this. I sure do.
(If you are wondering what theme I am using in Espresso, it is my personal fork of Railcasts, I will be adding it to my github profile soon)
- Download the zip file at https://github.com/GioSensation/kit.sugar/archive/master.zip and extract it if the browser doesn't do this for you
- Rename the folder to kit.sugar
- Double click the .sugar file
- Restart Espresso and enjoy!
Coded with ☺ in Italy by Gravida – Come say hello!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent