Coder Social home page Coder Social logo

hamxiaoz / monokai-slate Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 3.0 96 KB

Monokai Slate (Atom editor): the best Monokai based dark theme for JavaScript developers and markdown readers

Home Page: https://atom.io/themes/monokai-slate

License: MIT License

CSS 24.23% CoffeeScript 1.91% JavaScript 73.86%

monokai-slate's Introduction

Monokai Slate (for Atom)

The best Monokai based dark theme for JavaScript developers and markdown readers

** If you use VSCode, check out the enhanced Monokai Slate theme for VSCode

monokai-slate's People

Contributors

hamxiaoz avatar polynoman avatar synchronizing avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

monokai-slate's Issues

change font size doesn't work

Love the theme, but it ignores font size in settings. Shortcut key also doesn't change its font size.

Tested on window10 + atom1.9.0-beta0

Deprecated selector in `monokai-slate\index.less`

In monokai-slate\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:

  • atom-text-editor, :host => atom-text-editor,atom-text-editor

  • atom-text-editor .invisible-character, :host .invisible-character => atom-text-editor .invisible-character,atom-text-editor .invisible-character

  • atom-text-editor .indent-guide, :host .indent-guide => atom-text-editor .indent-guide,atom-text-editor .indent-guide

  • atom-text-editor .wrap-guide, :host .wrap-guide => atom-text-editor .wrap-guide,atom-text-editor .wrap-guide

  • atom-text-editor .gutter, :host .gutter => atom-text-editor .gutter,atom-text-editor .gutter

  • atom-text-editor .gutter .cursor-line, :host .gutter .cursor-line => atom-text-editor .gutter .cursor-line,atom-text-editor .gutter .cursor-line

  • atom-text-editor .line-number.cursor-line-no-selection, :host .line-number.cursor-line-no-selection => atom-text-editor .line-number.cursor-line-no-selection,atom-text-editor .line-number.cursor-line-no-selection

  • atom-text-editor .invisible, :host .invisible => atom-text-editor .invisible,atom-text-editor .invisible

  • atom-text-editor .cursor, :host .cursor => atom-text-editor .cursor,atom-text-editor .cursor

  • atom-text-editor .selection .region, :host .selection .region => atom-text-editor .selection .region,atom-text-editor .selection .region

  • atom-text-editor .search-results .marker .region, :host .search-results .marker .region => atom-text-editor .search-results .syntax--marker .region,atom-text-editor .search-results .syntax--marker .region

  • atom-text-editor .search-results .marker.current-result .region, :host .search-results .marker.current-result .region => atom-text-editor .search-results .syntax--marker.current-result .region,atom-text-editor .search-results .syntax--marker.current-result .region

  • atom-text-editor .gfm, :host .gfm => atom-text-editor .syntax--gfm,atom-text-editor .syntax--gfm

  • atom-text-editor .gfm .quote, :host .gfm .quote => atom-text-editor .syntax--gfm .syntax--quote,atom-text-editor .syntax--gfm .syntax--quote

  • atom-text-editor .gfm .markup.heading, :host .gfm .markup.heading => atom-text-editor .syntax--gfm .syntax--markup.syntax--heading,atom-text-editor .syntax--gfm .syntax--markup.syntax--heading

  • atom-text-editor .gfm .markup.underline, :host .gfm .markup.underline => atom-text-editor .syntax--gfm .syntax--markup.syntax--underline,atom-text-editor .syntax--gfm .syntax--markup.syntax--underline

  • atom-text-editor .gfm .bold, :host .gfm .bold => atom-text-editor .syntax--gfm .syntax--bold,atom-text-editor .syntax--gfm .syntax--bold

  • atom-text-editor .gfm .italic, :host .gfm .italic => atom-text-editor .syntax--gfm .syntax--italic,atom-text-editor .syntax--gfm .syntax--italic

  • atom-text-editor .gfm .raw, :host .gfm .raw => atom-text-editor .syntax--gfm .syntax--raw,atom-text-editor .syntax--gfm .syntax--raw

  • atom-text-editor .gfm .variable.list, :host .gfm .variable.list => atom-text-editor .syntax--gfm .syntax--variable.syntax--list,atom-text-editor .syntax--gfm .syntax--variable.syntax--list

  • `atom-text-editor .gf

Deprecated selector in `monokai-slate/index.less`

In monokai-slate/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:

  • atom-text-editor, :host => atom-text-editor,atom-text-editor

  • atom-text-editor .invisible-character, :host .invisible-character => atom-text-editor .invisible-character,atom-text-editor .invisible-character

  • atom-text-editor .indent-guide, :host .indent-guide => atom-text-editor .indent-guide,atom-text-editor .indent-guide

  • atom-text-editor .wrap-guide, :host .wrap-guide => atom-text-editor .wrap-guide,atom-text-editor .wrap-guide

  • atom-text-editor .gutter, :host .gutter => atom-text-editor .gutter,atom-text-editor .gutter

  • atom-text-editor .gutter .cursor-line, :host .gutter .cursor-line => atom-text-editor .gutter .cursor-line,atom-text-editor .gutter .cursor-line

  • atom-text-editor .line-number.cursor-line-no-selection, :host .line-number.cursor-line-no-selection => atom-text-editor .line-number.cursor-line-no-selection,atom-text-editor .line-number.cursor-line-no-selection

  • atom-text-editor .invisible, :host .invisible => atom-text-editor .invisible,atom-text-editor .invisible

  • atom-text-editor .cursor, :host .cursor => atom-text-editor .cursor,atom-text-editor .cursor

  • atom-text-editor .selection .region, :host .selection .region => atom-text-editor .selection .region,atom-text-editor .selection .region

  • atom-text-editor .search-results .marker .region, :host .search-results .marker .region => atom-text-editor .search-results .syntax--marker .region,atom-text-editor .search-results .syntax--marker .region

  • atom-text-editor .search-results .marker.current-result .region, :host .search-results .marker.current-result .region => atom-text-editor .search-results .syntax--marker.current-result .region,atom-text-editor .search-results .syntax--marker.current-result .region

  • atom-text-editor .gfm, :host .gfm => atom-text-editor .syntax--gfm,atom-text-editor .syntax--gfm

  • atom-text-editor .gfm .quote, :host .gfm .quote => atom-text-editor .syntax--gfm .syntax--quote,atom-text-editor .syntax--gfm .syntax--quote

  • atom-text-editor .gfm .markup.heading, :host .gfm .markup.heading => atom-text-editor .syntax--gfm .syntax--markup.syntax--heading,atom-text-editor .syntax--gfm .syntax--markup.syntax--heading

  • atom-text-editor .gfm .markup.underline, :host .gfm .markup.underline => atom-text-editor .syntax--gfm .syntax--markup.syntax--underline,atom-text-editor .syntax--gfm .syntax--markup.syntax--underline

  • atom-text-editor .gfm .bold, :host .gfm .bold => atom-text-editor .syntax--gfm .syntax--bold,atom-text-editor .syntax--gfm .syntax--bold

  • atom-text-editor .gfm .italic, :host .gfm .italic => atom-text-editor .syntax--gfm .syntax--italic,atom-text-editor .syntax--gfm .syntax--italic

  • atom-text-editor .gfm .raw, :host .gfm .raw => atom-text-editor .syntax--gfm .syntax--raw,atom-text-editor .syntax--gfm .syntax--raw

  • atom-text-editor .gfm .variable.list, :host .gfm .variable.list => atom-text-editor .syntax--gfm .syntax--variable.syntax--list,atom-text-editor .syntax--gfm .syntax--variable.syntax--list

  • atom-text-editor .gfm .link, :host .gfm .link => atom-text-editor .syntax--gfm .syntax--link,atom-text-editor .syntax--gfm .syntax--link

  • atom-text-editor .gfm .link .entity, :host .gfm .link .entity => atom-text-editor .syntax--gfm .syntax--link .syntax--entity,atom-text-editor .syntax--gfm .syntax--link .syntax--entity

  • atom-text-editor .gfm .hr, :host .gfm .hr => atom-text-editor .syntax--gfm .syntax--hr,atom-text-editor .syntax--gfm .syntax--hr

  • .comment => .syntax--comment

  • .string => .syntax--string

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

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

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

  • .keyword => .syntax--keyword

  • .keyword.operator.bracket, .keyword.operator.punctuation => .syntax--keyword.syntax--operator.syntax--bracket, .syntax--keyword.syntax--operator.syntax--punctuation

  • .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

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

  • .variable => .syntax--variable

  • .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.function.decl => .syntax--support.syntax--function.syntax--decl

  • .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

  • .class.jade => .syntax--class.syntax--jade

  • .variable.language.js => .syntax--variable.syntax--language.syntax--js

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.