Extends Monokai from Soda with additional syntax highlighting for Markdown, LESS, HTML, Handlebars and more.
Switch branches/tags
Nothing to show
Clone or download
jonschlinkert Merge pull request #89 from ecx86/master
Fix light theme Markdown background colors
Latest commit 0ca4e75 Oct 14, 2018


sublime-monokai-extended package control total downloads

(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



See before and after examples



The following improvements apply to both CSS and LESS.

CSS Before

Spot the #ids at a glance?


CSS After

How about now?



Jon Schlinkert

Alexander Krivoshhekov


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