sublime-monokai-extended

Extends Monokai from Soda with new syntax highlighting for Markdown, LESS, and Handlebars and improved syntax highlighting for RegEx, HTML, LESS, CSS, JavaScript and more.

Companion to sublime-markdown-extended.

Jump to Examples ↓

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

Then inside Sublime Text, go to Preferences -> Color Scheme -> User -> Monokai Extended.

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: []
• js: ()
• js: {}
• JSON string
• 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 detailed 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?

Author

Jon Schlinkert

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

Copyright and license

Copyright 2013 Jon Schlinkert

MIT License