Awesome
sublime-monokai-extended
(Companion to sublime-markdown-extended)
<br>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
<br>Getting Started
1. Installation
Package Control
If you already have Package Control installed in Sublime Text:
- Select "Install Package" from the Command Palette: <kbd>Ctrl+Shift+P</kbd> on Windows and Linux or <kbd>⇧⌘P</kbd> on OS X)
- Search for "Monokai Extended" and click <kbd>enter</kbd>.
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
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
Alexander Krivoshhekov
License
Copyright © 2013-2016, Jon Schlinkert. Released under the MIT license.