A Ramda-inspired syntax theme for Atom
License: MIT License
A syntax theme based on the RamdaJS REPL
| RamdaJS REPL | Atom Ramda Syntax Theme |
|---|---|
 |
 |
The font used in the screen shot is SF Mono (not included) Similar to the Dracula theme, this theme colors a bit more semantically
to install this package, run
apm install ramda-syntaxor search ramda in Settings -> Install, and click the themes button next to the search box.
orange is fine and all, but I feel like the brackets should be a different color than the rest of the attribute names. Perhaps white brackets with green params. I'm not sure. Something that speaks Ramda...
No description necessary.
In ramda-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:
ul[is='atom-tabs'] *:not('.tab.active') li[is='tabs-tab'].active .title => ul[is='atom-tabs'] *:not('.tab.active') li[is='tabs-tab'].active .syntax--title
.tab-bar .tab .title => .tab-bar .syntax--tab .syntax--title
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.
Hey Julian,
the colors for the comments in js files are incorrect i think:
Atom: 1.16.0
Ramda-Syntax: 1.0.3
I think it'd be cool to have more language support. This is definitely on the list of todo's
This one is quite tricky, and I have no idea how I want to style everything...
In ramda-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:
ul[is='atom-tabs'] *:not('.tab.active') li[is='tabs-tab'].active .title => ul[is='atom-tabs'] *:not('.tab.active') li[is='tabs-tab'].active .syntax--title
.tab-bar .tab .title => .tab-bar .syntax--tab .syntax--title
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.
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:
.text.html.basic, .text.html.basic .punctuation.definition.tag, .text.html.basic .any => .syntax--text.syntax--html.syntax--basic, .syntax--text.syntax--html.syntax--basic .syntax--punctuation.syntax--definition.syntax--tag, .syntax--text.syntax--html.syntax--basic .syntax--any
.text.html.basic .string => .syntax--text.syntax--html.syntax--basic .syntax--string
.text.html.basic .name.tag => .syntax--text.syntax--html.syntax--basic .syntax--name.syntax--tag
.text.html.basic .attribute-name => .syntax--text.syntax--html.syntax--basic .syntax--attribute-name
.variable.parameter.latex => .syntax--variable.syntax--parameter.syntax--latex
.source.less .key-value, .source.css .key-value, .source.scss .key-value, .source.less .property-list, .source.css .property-list, .source.scss .property-list, .source.less .terminator, .source.css .terminator, .source.scss .terminator, .source.less .meta.brace.round, .source.css .meta.brace.round, .source.scss .meta.brace.round, .source.less .separator.list, .source.css .separator.list, .source.scss .separator.list, .source.less .variable.other, .source.css .variable.other, .source.scss .variable.other => .syntax--source.syntax--less .syntax--key-value, .syntax--source.syntax--css .syntax--key-value, .syntax--source.syntax--scss .syntax--key-value, .syntax--source.syntax--less .syntax--property-list, .syntax--source.syntax--css .syntax--property-list, .syntax--source.syntax--scss .syntax--property-list, .syntax--source.syntax--less .syntax--terminator, .syntax--source.syntax--css .syntax--terminator, .syntax--source.syntax--scss .syntax--terminator, .syntax--source.syntax--less .syntax--meta.syntax--brace.syntax--round, .syntax--source.syntax--css .syntax--meta.syntax--brace.syntax--round, .syntax--source.syntax--scss .syntax--meta.syntax--brace.syntax--round, .syntax--source.syntax--less .syntax--separator.syntax--list, .syntax--source.syntax--css .syntax--separator.syntax--list, .syntax--source.syntax--scss .syntax--separator.syntax--list, .syntax--source.syntax--less .syntax--variable.syntax--other, .syntax--source.syntax--css .syntax--variable.syntax--other, .syntax--source.syntax--scss .syntax--variable.syntax--other
.source.less .support.type.property-name, .source.css .support.type.property-name, .source.scss .support.type.property-name => .syntax--source.syntax--less .syntax--support.syntax--type.syntax--property-name, .syntax--source.syntax--css .syntax--support.syntax--type.syntax--property-name, .syntax--source.syntax--scss .syntax--support.syntax--type.syntax--property-name
.source.less .keyword, .source.css .keyword, .source.scss .keyword, .source.less .punctuation.definition.entity, .source.css .punctuation.definition.entity, .source.scss .punctuation.definition.entity, .source.less .rgb-value, .source.css .rgb-value, .source.scss .rgb-value, .source.less .custom.tag, .source.css .custom.tag, .source.scss .custom.tag, .source.less .control.logical.operator, .source.css .control.logical.operator, .source.scss .control.logical.operator, .source.less .entity.name.tag, .source.css .entity.name.tag, .source.scss .entity.name.tag => .syntax--source.syntax--less .syntax--keyword, .syntax--source.syntax--css .syntax--keyword, .syntax--source.syntax--scss .syntax--keyword, .syntax--source.syntax--less .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--css .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--scss .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--less .syntax--rgb-value, .syntax--source.syntax--css .syntax--rgb-value, .syntax--source.syntax--scss .syntax--rgb-value, .syntax--source.syntax--less .syntax--custom.syntax--tag, .syntax--source.syntax--css .syntax--custom.syntax--tag, .syntax--source.syntax--scss .syntax--custom.syntax--tag, .syntax--source.syntax--less .syntax--control.syntax--logical.syntax--operator, .syntax--source.syntax--css .syntax--control.syntax--logical.syntax--operator, .syntax--source.syntax--scss .syntax--control.syntax--logical.syntax--operator, .syntax--source.syntax--less .syntax--entity.syntax--name.syntax--tag, .syntax--source.syntax--css .syntax--entity.syntax--name.syntax--tag, .syntax--source.syntax--scss .syntax--entity.syntax--name.syntax--tag
.source.less .support.constant.property-value, .source.css .support.constant.property-value, .source.scss .support.constant.property-value, .source.less .property-value, .source.css .property-value, .source.scss .property-value, .source.less .entity.other.pseudo-class, .source.css .entity.other.pseudo-class, .source.scss .entity.other.pseudo-class, .source.less .pseudo-class > .punctuation.definition.entity, .source.css .pseudo-class > .punctuation.definition.entity, .source.scss .pseudo-class > .punctuation.definition.entity, .source.less .entity.other.pseudo-element, .source.css .entity.other.pseudo-element, .source.scss .entity.other.pseudo-element, .source.less .pseudo-element > .punctuation.definition.entity, .source.css .pseudo-element > .punctuation.definition.entity, .source.scss .pseudo-element > .punctuation.definition.entity, .source.less .any-method.builtin, .source.css .any-method.builtin, .source.scss .any-method.builtin => .syntax--source.syntax--less .syntax--support.syntax--constant.syntax--property-value, .syntax--source.syntax--css .syntax--support.syntax--constant.syntax--property-value, .syntax--source.syntax--scss .syntax--support.syntax--constant.syntax--property-value, .syntax--source.syntax--less .syntax--property-value, .syntax--source.syntax--css .syntax--property-value, .syntax--source.syntax--scss .syntax--property-value, .syntax--source.syntax--less .syntax--entity.syntax--other.syntax--pseudo-class, .syntax--source.syntax--css .syntax--entity.syntax--other.syntax--pseudo-class, .syntax--source.syntax--scss .syntax--entity.syntax--other.syntax--pseudo-class, .syntax--source.syntax--less .syntax--pseudo-class > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--css .syntax--pseudo-class > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--scss .syntax--pseudo-class > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--less .syntax--entity.syntax--other.syntax--pseudo-element, .syntax--source.syntax--css .syntax--entity.syntax--other.syntax--pseudo-element, .syntax--source.syntax--scss .syntax--entity.syntax--other.syntax--pseudo-element, .syntax--source.syntax--less .syntax--pseudo-element > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--css .syntax--pseudo-element > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--scss .syntax--pseudo-element > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--less .syntax--any-method.syntax--builtin, .syntax--source.syntax--css .syntax--any-method.syntax--builtin, .syntax--source.syntax--scss .syntax--any-method.syntax--builtin
.source.less .entity.other.attribute-name.class, .source.css .entity.other.attribute-name.class, .source.scss .entity.other.attribute-name.class, .source.less .entity.other.attribute-name.class > .punctuation.definition.entity, .source.css .entity.other.attribute-name.class > .punctuation.definition.entity, .source.scss .entity.other.attribute-name.class > .punctuation.definition.entity, .source.less .operator:not(.logical), .source.css .operator:not(.logical), .source.scss .operator:not(.logical), .source.less .unit.keyword.other, .source.css .unit.keyword.other, .source.scss .unit.keyword.other => .syntax--source.syntax--less .syntax--entity.syntax--other.syntax--attribute-name.syntax--class, .syntax--source.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--class, .syntax--source.syntax--scss .syntax--entity.syntax--other.syntax--attribute-name.syntax--class, .syntax--source.syntax--less .syntax--entity.syntax--other.syntax--attribute-name.syntax--class > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--class > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--scss .syntax--entity.syntax--other.syntax--attribute-name.syntax--class > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--less .syntax--operator:not(.logical), .syntax--source.syntax--css .syntax--operator:not(.logical), .syntax--source.syntax--scss .syntax--operator:not(.logical), .syntax--source.syntax--less .syntax--unit.syntax--keyword.syntax--other, .syntax--source.syntax--css .syntax--unit.syntax--keyword.syntax--other, .syntax--source.syntax--scss .syntax--unit.syntax--keyword.syntax--other
.source.less .w3c-standard-color-name, .source.css .w3c-standard-color-name, .source.scss .w3c-standard-color-name, .source.less .constant.numeric, .source.css .constant.numeric, .source.scss .constant.numeric, .source.less .entity.other.attribute-name.id, .source.css .entity.other.attribute-name.id, .source.scss .entity.other.attribute-name.id, .source.less .id > .punctuation.definition.entity, .source.css .id > .punctuation.definition.entity, .source.scss .id > .punctuation.definition.entity => .syntax--source.syntax--less .syntax--w3c-standard-color-name, .syntax--source.syntax--css .syntax--w3c-standard-color-name, .syntax--source.syntax--scss .syntax--w3c-standard-color-name, .syntax--source.syntax--less .syntax--constant.syntax--numeric, .syntax--source.syntax--css .syntax--constant.syntax--numeric, .syntax--source.syntax--scss .syntax--constant.syntax--numeric, .syntax--source.syntax--less .syntax--entity.syntax--other.syntax--attribute-name.syntax--id, .syntax--source.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--id, .syntax--source.syntax--scss .syntax--entity.syntax--other.syntax--attribute-name.syntax--id, .syntax--source.syntax--less .syntax--id > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--css .syntax--id > .syntax--punctuation.syntax--definition.syntax--entity, .syntax--source.syntax--scss .syntax--id > .syntax--punctuation.syntax--definition.syntax--entity
.entity.name.function.python => .syntax--entity.syntax--name.syntax--function.syntax--python
.meta.item-access.arguments => .syntax--meta.syntax--item-access.syntax--arguments
.meta.structure.list.item => .syntax--meta.syntax--structure.syntax--list.syntax--item
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
.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.language => .syntax--constant.syntax--language
.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
.constant.other.object => .syntax--constant.syntax--other.syntax--object
.variable => .syntax--variable
.variable.interpolation => .syntax--variable.syntax--interpolation
.variable.parameter.function => .syntax--variable.syntax--parameter.syntax--function
.variable.property => .syntax--variable.syntax--property
.variable.language => .syntax--variable.syntax--language
.variable.other.object => .syntax--variable.syntax--other.syntax--object
.variable.other.object.property => .syntax--variable.syntax--other.syntax--object.syntax--property
.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.unquoted => .syntax--string.syntax--unquoted
.string.other.link => .syntax--string.syntax--other.syntax--link
.punctuation.definition.comment => .syntax--punctuation.syntax--definition.syntax--comment
.punctuation.definition.string => .syntax--punctuation.syntax--definition.syntax--string .punctuation.definition.variable, .punctuation.definition.parameters, .punctuation.definition.array => .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.definition.arguments => .syntax--punctuation.syntax--definition.syntax--arguments
.punctuation.section.class.begin => .syntax--punctuation.syntax--section.syntax--class.syntax--begin
.punctuation.section.embedded => .syntax--punctuation.syntax--section.syntax--embedded
.support.class => .syntax--support.syntax--class
.support.constant => .syntax--support.syntax--constant
.support.function => .syntax--support.syntax--function
.support.function.any-method => .syntax--support.syntax--function.syntax--any-method
.support.variable => .syntax--support.syntax--variable
.support.variable.property => .syntax--support.syntax--variable.syntax--property
.support.variable.dom => .syntax--support.syntax--variable.syntax--dom
.support.variable.dom.property => .syntax--support.syntax--variable.syntax--dom.syntax--property
.entity.name.function => .syntax--entity.syntax--name.syntax--function
.entity.name.type => .syntax--entity.syntax--name.syntax--type
.entity.name.type.console => .syntax--entity.syntax--name.syntax--type.syntax--console
.entity.name.type.class => .syntax--entity.syntax--name.syntax--type.syntax--class
.entity.name.type.name.tag => .syntax--entity.syntax--name.syntax--type.syntax--name.syntax--tag
.entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-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 => .syntax--meta
.meta .id => .syntax--meta .syntax--id
.meta.function-call .entity.name.function => .syntax--meta.syntax--function-call .syntax--entity.syntax--name.syntax--function
.meta.method-call .support.function => .syntax--meta.syntax--method-call .syntax--support.syntax--function
.meta.method-call .entity.name.function => .syntax--meta.syntax--method-call .syntax--entity.syntax--name.syntax--function
.meta.method-call .arguments .function-call .support.function => .syntax--meta.syntax--method-call .syntax--arguments .syntax--function-call .syntax--support.syntax--function
.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.
i just download the update and the color of my tabs looks very rare!
could you please support them? I love this theme
Looks like now it's missing those.
In syntax-variables file you can see syntax-background-color and syntax-text-color, but they are not used anywhere
const isn't colouredblueWill come up with more as I find them.
Need to look at the new class names and create them accordingly. Objects, classes, instances, and the likes should be green. Properties should be blue, even function-calls
HTML colors are not working. I'm on Atom 1.13.0
I thought this is a syntax theme? Why does it coloring my UI?
There is no master branch, it was a mistake on the last release?
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.