bubski / sublime-monokai-extended

Extends Monokai from Soda with additional syntax highlighting for Markdown, LESS, HTML, Handlebars and more.

sublime-monokai-extended

(Companion to sublime-markdown-extended)

Extends Soda Monokai with:

• Additional syntax highlighting for markdown, LESS, coffee, diffs, and handlebars and more!
• Improved syntax highlighting for regular expressions, HTML, LESS, CSS, JavaScript and more!

See: examples ↓ | before and after screenshots

Getting Started

1. Installation

Package Control

If you already have Package Control installed in Sublime Text:

• Select "Install Package" from the Command Palette: Ctrl+Shift+P on Windows and Linux or ⇧⌘P on OS X)
• Search for "Monokai Extended" and click enter.

Manual Installation

Go to Preferences -> Browse Packages, and then either download and unzip this plugin into that directory, or:

git clone https://github.com/jonschlinkert/sublime-monokai-extended.git "sublime-monokai-extended"

2. Switch Themes

Open a Markdown file in Sublime Text and make sure that syntax highlighting is set to Markdown Extended (not Markdown) View -> Syntax -> Markdown Extended.

Then go to Preferences -> Color Scheme -> Monokai Extended and pick a theme.

Monokai Enhancements

Adds scopes, support and/or improves styling for:

• GitGutter
• Makefile
• HTML: Doctype/XML Processing
• HTML: Comment Block
• HTML: Script
• HTML: Style
• HTML: Text
• HTML: Attribute punctuation
• HTML: Attributes
• HTML: Quotation Marks
• HTML: Tag
• HTML: style
• HTML: Styles
• HTML: {}
• HTML: Tags punctuation
• Handlebars: Variable (To highlight Handlebars, install the Handlebars language package for Sublime Text)
• Handlebars: Constant
• CSS: Selector
• CSS: Tag Name
• CSS: @import
• CSS: @at-rule
• CSS: #Id
• CSS: .class
• CSS: Property Name
• CSS: Property Value
• CSS: Standard Value
• CSS: Additional Constants
• CSS: Numeric Value
• CSS: Constructor Argument
• CSS: !Important
• CSS: {}
• CSS: Tag Punctuation
• CSS: : ,
• CSS :pseudo
• LESS: variables
• LESS: mixins
• LESS: extend
• js: function name
• js: storage type
• js: source
• js: function
• js: numeric constant
• js: literal language variable (When using babel-sublime)
• js: []
• js: ()
• js: {}
• JSON string
• CoffeeScript: #{}
• diff.range
• markdown: plain (Also install sublime-markdown-extended for additional features.)
• markdown: raw inline
• markdown: linebreak
• markdown: heading
• markdown: italic
• markdown: bold
• markdown: underline
• markdown: blockquote
• markdown: quote
• markdown: link
• markdown: raw block
• markdown: fenced code block
• markdown: fenced language
• markdown: raw block fenced
• markdown: list items punctuation
• markdown: separator
• markdown: table

Examples

Markdown

See before and after examples

---

CSS

The following improvements apply to both CSS and LESS.

CSS Before

Spot the #ids at a glance?

CSS After

How about now?

Authors

Jon Schlinkert

• http://twitter.com/jonschlinkert
• http://github.com/jonschlinkert

Alexander Krivoshhekov

• http://twitter.com/FlatDev
• http://github.com/SuperPaintman

License

Copyright © 2013-2016, Jon Schlinkert. Released under the MIT license.