moox/atom-monokai-tweaked-syntax

Atom Monokai Tweaked Syntax theme

Monokai Tweaked Syntax theme

Monokai Tweaked Syntax theme for Atom.

This theme Monokai Tweaked Syntax theme can be installed and activated by going to the Themes section in the Settings view (cmd-,) and selecting it from the Syntax Themes dropdown menu.
You can eventually install it using apm install monokai-tweaked-syntax, but you will still need to activate it from the Setting view.

Note: This Syntax theme works great with Monokai Tweaked UI theme

Tweaked part are visible & listed below with examples

Global preview (CSS) with git gutter

I tweaked the monokai background & add a better line height. With a bearly visible text-shadow.

Markdown rendering

---

More to come, stay tuned ;)

atom-monokai-tweaked-syntax's Issues

Deprecated selector in `monokai-tweaked-syntax\index.less`

In monokai-tweaked-syntax\index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• .comment => .syntax--comment

• .string => .syntax--string

• .keyword => .syntax--keyword

• .constant.numeric => .syntax--constant.syntax--numeric

• .comment => .syntax--comment

• .string => .syntax--string

• .constant.numeric => .syntax--constant.syntax--numeric

• .constant.language => .syntax--constant.syntax--language

• .constant.character, .constant.other => .syntax--constant.syntax--character, .syntax--constant.syntax--other

• .keyword => .syntax--keyword

• .storage => .syntax--storage

• .storage.type => .syntax--storage.syntax--type

• .entity.name.class => .syntax--entity.syntax--name.syntax--class

• .entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-class

• .entity.name.function => .syntax--entity.syntax--name.syntax--function

• .variable.parameter => .syntax--variable.syntax--parameter

• .entity.name.tag => .syntax--entity.syntax--name.syntax--tag

• .entity.other.attribute-name => .syntax--entity.syntax--other.syntax--attribute-name

• .support.function => .syntax--support.syntax--function

• .support.constant => .syntax--support.syntax--constant

• .support.type, .support.class => .syntax--support.syntax--type, .syntax--support.syntax--class

• .invalid => .syntax--invalid

• .invalid.deprecated => .syntax--invalid.syntax--deprecated

• .markup.heading => .syntax--markup.syntax--heading

• .markup.italic => .syntax--markup.syntax--italic

• .markup.bold => .syntax--markup.syntax--bold

• .gfm .markup.underline => .syntax--gfm .syntax--markup.syntax--underline

• .gfm.quote => .syntax--gfm.syntax--quote

• .gfm.variable => .syntax--gfm.syntax--variable

• .gfm.entity => .syntax--gfm.syntax--entity

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

Deprecated selector in `monokai-tweaked-syntax/index.less`

In monokai-tweaked-syntax/index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• .comment => .syntax--comment

• .string => .syntax--string

• .keyword => .syntax--keyword

• .constant.numeric => .syntax--constant.syntax--numeric

• .comment => .syntax--comment

• .string => .syntax--string

• .constant.numeric => .syntax--constant.syntax--numeric

• .constant.language => .syntax--constant.syntax--language

• .constant.character, .constant.other => .syntax--constant.syntax--character, .syntax--constant.syntax--other

• .keyword => .syntax--keyword

• .storage => .syntax--storage

• .storage.type => .syntax--storage.syntax--type

• .entity.name.class => .syntax--entity.syntax--name.syntax--class

• .entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-class

• .entity.name.function => .syntax--entity.syntax--name.syntax--function

• .variable.parameter => .syntax--variable.syntax--parameter

• .entity.name.tag => .syntax--entity.syntax--name.syntax--tag

• .entity.other.attribute-name => .syntax--entity.syntax--other.syntax--attribute-name

• .support.function => .syntax--support.syntax--function

• .support.constant => .syntax--support.syntax--constant

• .support.type, .support.class => .syntax--support.syntax--type, .syntax--support.syntax--class

• .invalid => .syntax--invalid

• .invalid.deprecated => .syntax--invalid.syntax--deprecated

• .markup.heading => .syntax--markup.syntax--heading

• .markup.italic => .syntax--markup.syntax--italic

• .markup.bold => .syntax--markup.syntax--bold

• .gfm .markup.underline => .syntax--gfm .syntax--markup.syntax--underline

• .gfm.quote => .syntax--gfm.syntax--quote

• .gfm.variable => .syntax--gfm.syntax--variable

• .gfm.entity => .syntax--gfm.syntax--entity

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

ThemePackage.getStylesheetsPath is deprecated.

Store package style sheets in the styles/ directory instead of stylesheets/ in the monokai-tweaked-syntax package

ThemePackage.getStylesheetsPath (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:460:9)
ThemePackage.getStylesheetPaths (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:471:32)
ThemePackage.loadStylesheets (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:453:38)
<unknown> (/Applications/Atom.app/Contents/Resources/app.asar/src/theme-package.js:47:19)
ThemePackage.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:165:15)
ThemePackage.activate (/Applications/Atom.app/Contents/Resources/app.asar/src/theme-package.js:43:12)