csutter / chester-atom-syntax Goto Github PK
View Code? Open in Web Editor NEWA pretty Atom syntax theme based on Lonely Planet colours
License: MIT License
A pretty Atom syntax theme based on Lonely Planet colours
License: MIT License
This is only a minor issue and I wasn't sure whether or not to report it, so feel free to ignore this.
I really love the aesthetics of this theme but one thing I couldn't handle was how close the colours for control characters and normal characters were in Python, which unfortunately made me swap to a different theme. Here's an example
In chester-atom-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:
atom-text-editor, :host
=> atom-text-editor,atom-text-editor
atom-text-editor .wrap-guide, :host .wrap-guide
=> atom-text-editor .wrap-guide,atom-text-editor .wrap-guide
atom-text-editor .indent-guide, :host .indent-guide
=> atom-text-editor .indent-guide,atom-text-editor .indent-guide
atom-text-editor .invisible-character, :host .invisible-character
=> atom-text-editor .invisible-character,atom-text-editor .invisible-character
atom-text-editor .gutter, :host .gutter
=> atom-text-editor .gutter,atom-text-editor .gutter
atom-text-editor .gutter .line-number.cursor-line, :host .gutter .line-number.cursor-line
=> atom-text-editor .gutter .line-number.cursor-line,atom-text-editor .gutter .line-number.cursor-line
atom-text-editor .gutter .line-number.cursor-line-no-selection, :host .gutter .line-number.cursor-line-no-selection
=> atom-text-editor .gutter .line-number.cursor-line-no-selection,atom-text-editor .gutter .line-number.cursor-line-no-selection
atom-text-editor .gutter .line-number.folded, :host .gutter .line-number.folded, atom-text-editor .gutter .line-number:after, :host .gutter .line-number:after, atom-text-editor .fold-marker:after, :host .fold-marker:after
=> atom-text-editor .gutter .line-number.folded,atom-text-editor .gutter .line-number.folded, atom-text-editor .gutter .line-number:after,atom-text-editor .gutter .line-number:after, atom-text-editor .fold-marker:after,atom-text-editor .fold-marker:after
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
.comment
=> .syntax--comment
.entity.name.type
=> .syntax--entity.syntax--name.syntax--type
.entity.other.inherited-class
=> .syntax--entity.syntax--other.syntax--inherited-class
.keyword
=> .syntax--keyword
.keyword.control
=> .syntax--keyword.syntax--control
.keyword.operator
=> .syntax--keyword.syntax--operator
.keyword.other.special-method
=> .syntax--keyword.syntax--other.syntax--special-method
.keyword.other.unit
=> .syntax--keyword.syntax--other.syntax--unit
.storage
=> .syntax--storage
.constant
=> .syntax--constant
.constant.character.escape
=> .syntax--constant.syntax--character.syntax--escape
In chester-atom-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:
atom-text-editor, :host
=> atom-text-editor,atom-text-editor
atom-text-editor .wrap-guide, :host .wrap-guide
=> atom-text-editor .wrap-guide,atom-text-editor .wrap-guide
atom-text-editor .indent-guide, :host .indent-guide
=> atom-text-editor .indent-guide,atom-text-editor .indent-guide
atom-text-editor .invisible-character, :host .invisible-character
=> atom-text-editor .invisible-character,atom-text-editor .invisible-character
atom-text-editor .gutter, :host .gutter
=> atom-text-editor .gutter,atom-text-editor .gutter
atom-text-editor .gutter .line-number.cursor-line, :host .gutter .line-number.cursor-line
=> atom-text-editor .gutter .line-number.cursor-line,atom-text-editor .gutter .line-number.cursor-line
atom-text-editor .gutter .line-number.cursor-line-no-selection, :host .gutter .line-number.cursor-line-no-selection
=> atom-text-editor .gutter .line-number.cursor-line-no-selection,atom-text-editor .gutter .line-number.cursor-line-no-selection
atom-text-editor .gutter .line-number.folded, :host .gutter .line-number.folded, atom-text-editor .gutter .line-number:after, :host .gutter .line-number:after, atom-text-editor .fold-marker:after, :host .fold-marker:after
=> atom-text-editor .gutter .line-number.folded,atom-text-editor .gutter .line-number.folded, atom-text-editor .gutter .line-number:after,atom-text-editor .gutter .line-number:after, atom-text-editor .fold-marker:after,atom-text-editor .fold-marker:after
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
.comment
=> .syntax--comment
.entity.name.type
=> .syntax--entity.syntax--name.syntax--type
.entity.other.inherited-class
=> .syntax--entity.syntax--other.syntax--inherited-class
.keyword
=> .syntax--keyword
.keyword.control
=> .syntax--keyword.syntax--control
.keyword.operator
=> .syntax--keyword.syntax--operator
.keyword.other.special-method
=> .syntax--keyword.syntax--other.syntax--special-method
.keyword.other.unit
=> .syntax--keyword.syntax--other.syntax--unit
.storage
=> .syntax--storage
.constant
=> .syntax--constant
.constant.character.escape
=> .syntax--constant.syntax--character.syntax--escape
.constant.numeric
=> .syntax--constant.syntax--numeric
.constant.other.color
=> .syntax--constant.syntax--other.syntax--color
.constant.other.symbol
=> .syntax--constant.syntax--other.syntax--symbol
.variable
=> .syntax--variable
.variable.interpolation
=> .syntax--variable.syntax--interpolation
.variable.parameter.function
=> .syntax--variable.syntax--parameter.syntax--function
.invalid.illegal
=> .syntax--invalid.syntax--illegal
.string
=> .syntax--string
.string.regexp
=> .syntax--string.syntax--regexp
.string.regexp .source.ruby.embedded
=> .syntax--string.syntax--regexp .syntax--source.syntax--ruby.syntax--embedded
.string.other.link
=> .syntax--string.syntax--other.syntax--link
.punctuation.definition.comment
=> .syntax--punctuation.syntax--definition.syntax--comment
.punctuation.definition.string, .punctuation.definition.variable, .punctuation.definition.parameters, .punctuation.definition.array
=> .syntax--punctuation.syntax--definition.syntax--string, .syntax--punctuation.syntax--definition.syntax--variable, .syntax--punctuation.syntax--definition.syntax--parameters, .syntax--punctuation.syntax--definition.syntax--array
.punctuation.definition.heading, .punctuation.definition.identity
=> .syntax--punctuation.syntax--definition.syntax--heading, .syntax--punctuation.syntax--definition.syntax--identity
.punctuation.definition.bold
=> .syntax--punctuation.syntax--definition.syntax--bold
.punctuation.definition.italic
=> .syntax--punctuation.syntax--definition.syntax--italic
.punctuation.section.embedded
=> .syntax--punctuation.syntax--section.syntax--embedded
.support.class
=> .syntax--support.syntax--class
.support.function
=> .syntax--support.syntax--function
.support.function.any-method
=> .syntax--support.syntax--function.syntax--any-method
.entity.name.function
=> .syntax--entity.syntax--name.syntax--function
.entity.name.class, .entity.name.type.class
=> .syntax--entity.syntax--name.syntax--class, .syntax--entity.syntax--name.syntax--type.syntax--class
.entity.name.section
=> .syntax--entity.syntax--name.syntax--section
.entity.name.tag
=> .syntax--entity.syntax--name.syntax--tag
.entity.other.attribute-name
=> .syntax--entity.syntax--other.syntax--attribute-name
.entity.other.attribute-name.id
=> .syntax--entity.syntax--other.syntax--attribute-name.syntax--id
.meta.class
=> .syntax--meta.syntax--class
.meta.link
=> .syntax--meta.syntax--link
.meta.require
=> .syntax--meta.syntax--require
.meta.selector
=> .syntax--meta.syntax--selector
.meta.separator
=> .syntax--meta.syntax--separator
.none
=> .syntax--none
.markup.bold
=> .syntax--markup.syntax--bold
.markup.changed
=> .syntax--markup.syntax--changed
.markup.deleted
=> .syntax--markup.syntax--deleted
.markup.italic
=> .syntax--markup.syntax--italic
.markup.heading .punctuation.definition.heading
=> .syntax--markup.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading
.markup.inserted
=> .syntax--markup.syntax--inserted
.markup.list
=> .syntax--markup.syntax--list
.markup.quote
=> .syntax--markup.syntax--quote
.markup.raw.inline
=> .syntax--markup.syntax--raw.syntax--inline
.source.gfm .markup
=> .syntax--source.syntax--gfm .syntax--markup
.source.gfm .markup.heading
=> .syntax--source.syntax--gfm .syntax--markup.syntax--heading
atom-text-editor[mini] .scroll-view, :host([mini]) .scroll-view
=> atom-text-editor[mini] .scroll-view,atom-text-editor .scroll-view
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.
when I use atom,I think the chester them is the perfect them, but now I use sublime text3 and Visual Studio Code, could you design a chester-Sublime Text3-syntax or Visual Studio Code?
Hello, can you tell me what UI theme is used in that readme image ?
What font are you using in the screenshot? :D
Thank you!
Hi there,
Just letting you know that Atom 1.13.0's deprecation cop has raised a huge amount of deprecation warnings.
I'm unable to show them here, as the generated URI is too long.
Let me know if I can help in any way.
As Atom got alot of issues most of all its slow. Would there be support for other Editors like Brackets, VS Code or just for Visual Studio
I'm using Atom 1.18.0 with the Pristine theme (doesn't matter which theme it happens in any).
Using the chester syntax theme the background of the editor is in a lighter shade of grey/blue than the rest of the filled editor area. I can't find the property that handles this.
The scrollbar also will have the correct background color behind the bar itself but a lighter color in the scroll area, when you move the bar the color gets adjusted.
You can see the variables aren't colored red when being defined and in other parts as well...
the language is python. I've looked into the base.less and everything seemed to be working so not sure what 's the problem with this.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.