jonschlinkert / sublime-monokai-extended Goto Github PK

View Code? Open in Web Editor NEW

511.0 20.0 90.0 134 KB

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

Home Page: https://github.com/jonschlinkert

License: MIT License

sublime-text syntax-highlighting monokai theme

sublime-monokai-extended's Introduction

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

Alexander Krivoshhekov

License

sublime-monokai-extended's People

Contributors

Stargazers

Watchers

sublime-monokai-extended's Issues

Thanks!

This is hands down the best monokai tweaking plugin (and the same goes to the Markdown extended plugin) for Sublime. This deserves more attention.

Thank you! 🎁

request: change 'GitGutter changed' colour from purple to yellow

I believe it could be quite natural to change the GitGutter changed colour from light purple (#967EFB) to deep yellow (#DDB700) or some another shade of yellow. Maybe it should be a little bit brighter (not to look close to orange colour), but at the same time it shiuldn't be close to white colour (as pale yellow #FFFFAA does on some monitors...).

It will help to achieve the natural 'traffic light' visual effect, if you like. Its colour meaning is easy to most of us. In terms of manipulating data green means 'to add', yellow means 'to modify/change', red means 'to delete'. I think it would make managing plain text modifications with the help of GitGutter visually easier.

I've made two screenshots.

The first one with old purple colour.

The second one with new yellow colour.

Icons are little bit different than the stock ones, but you can understand the difference.

Function names in monokai extended theme

Hey,

great color scheme, using it since ages.

There was a former, now closed issue which has reappeared again. The keyword colors for python are busted when selecting "Monokai Extended", the theme with the darker background (my favorite). So here's how it looks:

And then, with "Monokai Extended Bright":

This happens with a fresh install to pinpoint the problematic package, no other packages installed. Sublime version 3114.

You can see that the keyword colors are busted. Can I have them back with the cyan color?

Related issue: #58

Why the color of first item is different from the others?

Hi,
See the screenshot please:

The bullet of the first item is gray, but the others are white.
This problem only happen in Monokai Extended Bright, not in Monokai Extended.

syntax highting in math equation treats some part as italic font

Error message when loading theme

This theme does not seem to be available via the Package Manager, so I created a file called Monokai Extended JSON.tmTHEME which I placed in AppData\Roaming\Sublime Text 3\Packages\User and then copied the GitHub source code into the file. I now get the following error message every time I open SublimeText:

Error loading colour scheme Packages/User/Monokai Extended JSON.tmTHEME: Error parsing plist xml: expected < in file Packages/User/Monokai Extended JSON.tmTHEME on line: 1

Colors ever-so-slightly off the "official" default colors

The tiny little perfectionist in me notices differences in colors when switching between default Monokai and Monokai extended (e.g. background color). Would it be possible to review the color codes against the official default theme files, so that this extended theme only adds functionality, without affecting the actual color theme itself? [Edit: on build 3047]

update color scheme css3

I'd like to have a color indication for css3 features such as -webkit.
At this point it's just white and it gets annoying when editing large files.

less-ids-before

phpDoc Highlighting

When selecting Monokai Extended as the Color Scheme the symbol highlighting for phpDoc no longer works. Selection the core Monokai scheme works fine.

Add SublimeLinter3 Gutter Theme

Add SublimeLinter3 Gutter Theme "Monokai Extended" Style

http://www.sublimelinter.com/en/latest/gutter_themes.html

https://github.com/SublimeLinter/SublimeLinter3/tree/master/gutter-themes

Function Name Color Issue : Has same white color as normal texr

Hi,

First thanks for making this awsome theme.

I am using monokai exteneded theme.
The color of the function being called is same as the normal text color (white) , not able to diferentiate between normal text and function call.

Attaching image for reference

Please help.

before-after-js

After

Syntax Requires Change

I installed this package to work with my Jekyll projects, and was quite impressed. However, for any syntax other than Markdown, it seems I have to change it first to Markdown Extended. Is there any workaround for this?

Before

After

I find it quite confusing as to why I must change the syntax of my HTML file to Markdown Extended to make this wonderful package work.

Thanks in advance!

assign long text with newlines

$mail_corpo = <<<HTML

<title>H.W.</title>

Hello World

HTML;

breaks the colors of sublime.

Scss `&-selector` highlighting, bug or not?

If highlighting is not a bug, can you make another alternative without highlight (background color), its to strong (distracting), I almost can't see the text. Also see &-image different from others.

TODO: colors that broke in ST build 3013

PRs would be great for any of the following (scopes seem to have changed, so I'll have to look these up when I get a chance):

In the following .toUpperCase() should be #66d9ef

- [ ] in the following, the `-` in `-1` should be `f92672`

Here's a grunt thingy....

As an exercise to play with grunt and yaml and handlebars, I made this...
https://dl.dropboxusercontent.com/u/3610419/SublimeThemes/SublimeThemes.zip

Its this theme redone as yaml in a simpler syntax and its all put together with handlebars.
If you run grunt it will compile this theme in the Themes directory.
In the Themes directory is a Monokai directory, thats where the yml is stored.
The colour yml files should be pretty obvious, the only file that'd need explaining I guess is the colours.yml file.
It lists the files of colours to add to the theme and in what order, the files are in the colours directory.
The presets bit lets you name colours that you can then reference in your yaml. Just put the handle bars notation in quotes or yaml thinks its an object. I havent made use of this yet, but I plan on grouping like colours with it, theres 14 colours in that theme that are used three or more times.
Anyway, I like the way it turned out, hope you like it.

Lists aren't highlighted.

Currently any type of list isn't highlighted (numbered or unordered).

Not sure if it's a bug. If it isn't then sorry.

Diff highlighting bug

Awesome package, but diff highlighting in "Monokai Bright" does not work. Suspicious lines:

Monokai Extended Bright.tmTheme:549

<dict>
    <key>name</key>
    <string>diff.deleted</string>
    <key>scope</key>
<!--XX-->
    <!--<string>markup.deleted</string>-->
    <string>Markdown.deleted</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#F92672</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>diff.inserted</string>
    <key>scope</key>
<!--XX-->
    <!--<string>markup.inserted</string>-->
    <string>Markdown.inserted</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#A6E22E</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>diff.changed</string>
    <key>scope</key>
<!--XX-->
    <!--<string>markup.changed</string>-->
    <string>Markdown.changed</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#E6DB74</string>
    </dict>
</dict>
<!--X-->

Monokai Extended Bright.JSON-tmTheme:334

{
    "name": "diff.deleted", 
    "scope": "Markdown.deleted", 
    "settings": {
        "foreground": "#F92672"
    }
}, 
{
    "name": "diff.inserted", 
    "scope": "Markdown.inserted", 
    "settings": {
        "foreground": "#A6E22E"
    }
}, 
{
    "name": "diff.changed", 
    "scope": "Markdown.changed", 
    "settings": {
        "foreground": "#E6DB74"
}

SCRIPT tag displays italic

I noticed that <script> tags in HTML display as italics when using Extended and Extended Light but not Extended Bright. It's not a major thing as it's purely aesthetic but would be good if they were consistent with the original Monokai. Thanks.

url is not highlighted in sublime text 3

a url href in a plain text will be highlight in sb2, but no highlight in sb3.

Prettier Support for JSON with MonokaiJsonPlus

Any chance we could see this happen during my lifetime?

MonokaiJsonPlus styles for JSON are rad and make a slick sidekick to Sublime Monokai Extended.

How can I get started with this?

update bright theme

before-after-markdown

(return to getting started)

Plain text

## With Monokai-Extended

## With Monokai-Extended + [Markdown Extended](https://github.com/jonschlinkert/sublime-markdown-extended)

Markdown Extended adds support for syntax highlighting inside GFM blocks, YAML front matter, and more.

ST3 Build 3103

Edited (October 7, 2018): I just pushed up some changes, please see #88. Let me know if this works for you, I would appreciate any feedback.

If you update to ST Build 3013, you might notice that your colors are different. This is due to changes in ST, nothing was changed in this theme.

I personally find the colors way too busy now, so I'll be making some improvements. In the meantime, if you have any feedback or preferences, please comment here. Thanks!

dosen't work in my sublime

sublime 3 Bulid3083.
use package control install .
but I don't have Preferences -> Color Scheme -> User -> Monokai Extended.
my menu is Preferences -> Color Scheme -> Monokai Extended

Bash Syntax Problem

I don't know if this issue is related to this repository.

The variables with this syntax ${MYVAR} should be colored as $MYVAR

complete support for PHP

Compare the pair:

Monokai:
http://puu.sh/5SbUH.png

Monokai Extended:
http://puu.sh/5SbVI.png

Thanks @ackwell for the screenshots.

Monokai Light: color in gutter display wrong

In Monokai Origin:

In Monokai Light:

I used Color Highlighter

Support SublimeLinter 3 Color scheme

Detail: https://github.com/SublimeLinter/SublimeLinter.github.io/wiki/Usage#color-scheme

HIghlight broken after numbered list

am I using Markdown in a wrong way or is it a bug? I'm using Monokai Extended & Markdown Extended

Support trailing whitespace

For example, I use

    <dict>
      <key>name</key>
      <string>TrailingWhitespace</string>
      <key>scope</key>
      <string>trailingwhitespace</string>
      <key>settings</key>
      <dict>
                <key>foreground</key>
                <string>#222222</string>    
      </dict>
    </dict>

It would be nice if this was included by default, so that updates don't break it / or I don't have to update manually. Of course, name can be changed.

Shell Script Highlighting

The highlighting for shell scripts seems to be a bit off, partially random. Is it just me?

Monokai Light: gray text + white background

Hard to read / write gray text on white background :)
Please change / fix it.

Imo the comments should be in this (gray) color.

windows XP: monokai-extended doesn't work

i followed the instruction to install the monokai-extended, but when i write a markdown file, the highlight doesn't work , what's the problem? thank you ?

winxp sublime text 3 3083

add light theme

Did colors change recently?

I just realized some of the colors have changed recently in Monokai Extended, at least in Python. I don't know if it's a bug or intended, but it looks off to me. Please notice color changes in def, int or basestring.

Monokai Extended (wrong)

Monokai Extended Bright (correct)

red commas? whaa?

I have no idea how I missed those, but I'm getting rid of them. (sorry to anyone who happens to like them :-)

Git (Sublime Plugin) Integration

Please add this in the theme so everyone can use it as is.

https://gist.github.com/buhrmi/1344659

LESS not work

hello. Tell me please, what am I doing wrong:
I do not work lights LESS

Doesn't highlight fenced JavaScript

This text is all white for me:

```javascript
    var http = require('http');
    http.createServer(function (req, res) {
      res.writeHead(200, {'Content-Type': 'text/plain'});
      res.end('Hello World\n');
    }).listen(1337, '127.0.0.1');
    console.log('Server running at http://127.0.0.1:1337/');

(There are backticks closing the block)

Great work, btw! Loving the markdown.