A syntax theme for Atom Material UI
Home Page: https://github.com/silvestreh/atom-material-ui
License: MIT License
A syntax theme for Atom Material UI. Inspired by Mattia Astorino's SublimeText theme.
The Settings' UI have become unreadable with the last releases of the dark and regular syntax.
If I use this syntax theme, the markdown preview's table header will be affected.
I use atom-material-syntax version 0.2.3.
There is the following rule who change the background color but it doesn't change the font color.
.markdown-preview table th {
background-color: #364850;
}Previously the PHP opening and closing tags were completely red, but since recent updates, the closing tag is not consistent. The ? is white, while the > is red.
Even though this is a minor issue, i've noticed it does reduce the inline readability quite a bit.
Version 0.4.3
After updating to v0.3.0, the settings pane has an entirely white background. I'm using the standard Atom Material UI theme and syntax theme.
Repo Steps
Atom Version: 1.0.19
System: Microsoft Windows Server 2012 R2 Datacenter
Thrown From: atom-material-syntax package, v0.2.4
Uncaught TypeError: Cannot read property 'pixelPositionForMouseEvent' of null
At /C:/Users/lharri/.atom/packages/sublime-style-column-selection/lib/sublime-select.coffee:104
TypeError: Cannot read property 'pixelPositionForMouseEvent' of null
at _screenPositionForMouseEvent (C:\Users\lharri\.atom\packages\sublime-style-column-selection\lib\sublime-select.coffee:85:41)
at atom-text-editor.onMouseDown (C:\Users\lharri\.atom\packages\sublime-style-column-selection\lib\sublime-select.coffee:53:25)
-9:17.1.0 pane:show-previous-item (atom-text-editor.editor.is-focused)
-8:58.9.0 editor:newline (atom-text-editor.editor.is-focused)
2x -8:51 core:save (atom-text-editor.editor.is-focused)
4x -8:24.7.0 application:open-file (atom-text-editor.editor.is-focused)
-5:51.9.0 find-and-replace:show (atom-text-editor.editor.is-focused)
5x -5:50.2.0 core:backspace (atom-text-editor.editor.mini.is-focused)
3x -5:48.9.0 core:confirm (atom-text-editor.editor.mini.is-focused)
-5:42.7.0 core:delete (atom-text-editor.editor.is-focused)
3x -5:26.3.0 core:backspace (atom-text-editor.editor.is-focused)
2x -5:22.5.0 core:save (atom-text-editor.editor.is-focused)
-3:52.5.0 core:copy (atom-text-editor.editor.is-focused)
-3:50 core:paste (atom-text-editor.editor.is-focused)
-3:48.7.0 core:save (atom-text-editor.editor.is-focused)
2x -3:46.6.0 core:undo (atom-text-editor.editor.is-focused)
-3:43.5.0 core:redo (atom-text-editor.editor.is-focused)
-1:26 core:save (atom-text-editor.editor.is-focused)
{
"core": {
"autoHideMenuBar": true,
"themes": [
"atom-material-ui",
"one-dark-syntax"
]
}
}# User
atom-material-ui, v0.6.2
language-batch, v0.3.3
minimap, v4.13.4
minimap-find-and-replace, v4.3.1
minimap-hide, v0.3.0
minimap-highlight-selected, v4.3.1
script, v3.0.1
Sublime-Style-Column-Selection, v1.3.0
switch-header-source, v0.20.0
tabs-to-spaces, v0.11.1
# Dev
No dev packagesPlease, add syntax highlighting for stylus..
Greetings,
I would like to use the background color styles you used for the screenshot, and not the default styles that are set when installing the package.
Could you provide the code you used when you took that screenshot ?
When selecting text, the highlight can be easily lost with the background. Could a different color or lighter shade of gray be used? In the following screenshot, the text isCustomerLoggedInEpic is selected.
Like styles in the one-dark-theme, there are highlights for inline code.
.markup.raw {
color: #98c379;
}
but in your css, i saw
.markup.raw.inline {
color: #f1e655;
}
which doesn't apply any style on the inline code.
Maybe it's outdated because of the update of Atom?
I've just updated to 0.2.2 and all comments are almost invisible, please have a look
That white line disappears when I turn off "Use Shadow DOM". Other themes don't have this issue.
Only occurs when using material dark syntax.
Just update to the newest version and it break's javascript's color files
The color of parameter in javascript function is same to function;
I can't find it on the Atom software package search tool,
And how am I supposed to install it ?
I just suck at keeping them updated. #20
Of course, but I don't like search commits for find what is changed. Please, add it.
Since the newest release all Ruby instance variable declaration lost their syntax colouring.
Here's what a block of JavaScript looks like with atom-material-syntax (dark):
And here's what the same code looks like with One Dark syntax:
The problems begin at the first line. The left parenthesis, comma, and bracket are all highlighted in the 'function' color when they should be plain instead. This carries over to line 2 where both the variable name and the semicolon are highlighted. Strangely enough, the 'element' variable is highlighted correctly later on in the same file.
I'm pretty sure it's been this way ever since I first installed it a month or so ago, so it most likely isn't a recent regression. Let me know if you need any more info. Thanks!
Hi,
I love the colours and the design for atom-material-syntax and ui. You have done an amazing job.
I am having a little issue with the syntax part of this. I want the whole background to be one colour but it changes depending on what's selected. Here is an example:
I have tried to change the syntax in case and the rest work fine. Any ideas as to whats causing this problem?
The changelog.md only has notes for version 0.1.0
When I add a new project folder, the previous ones go invisible. When I remove the current project folder, the previous one goes visible, which is like pushing those folders into a stack. However, I think this really upsets me because it costs me a lot of time to switch between projects(I have to add and remove ......).
With the last update (1.0.0), boolean values has the same color of the variable names (and that's annoying)
It did not look this bad before the update. It was my favorite syntax theme before the update.
The only one I can currently recall is the UNIQUE function/constraint. There may be a few more. Could you please update to match with current Oracle sql syntax?
Hey Man!
Keep up the great work! This is by far the best syntax theme on atom! I recently updated to the newest version of this theme and it does not highlight .methods() in python like it used to. It makes parts of my code hard to read and was wondering if there is any way you could bring this back! Thank you!
-Ryan
Images not available while using atom-material-ui and atom-material-syntax themes.
Latest Atom from master, 1.13.0-dev at the time of writing, reports deprecated selectors for atom editor due to removal of shadow dom.
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 .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 .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 .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.is-focused .cursor, :host(.is-focused) .cursor => atom-text-editor.is-focused .cursor,atom-text-editor .cursor
atom-text-editor.is-focused .selection .region, :host(.is-focused) .selection .region => atom-text-editor.is-focused .selection .region,atom-text-editor .selection .region
atom-text-editor.is-focused .line-number.cursor-line-no-selection, atom-text-editor.is-focused .line.cursor-line, :host(.is-focused) .line-number.cursor-line-no-selection, :host(.is-focused) .line.cursor-line => atom-text-editor.is-focused .line-number.cursor-line-no-selection, atom-text-editor.is-focused .line.cursor-line,atom-text-editor .line-number.cursor-line-no-selection,atom-text-editor .line.cursor-line
.variable.parameter.function => .syntax--variable.syntax--parameter.syntax--function
.comment, .punctuation.definition.comment, .text.cancelled, .meta.punctuation.separator, .markup.strikethrough => .syntax--comment, .syntax--punctuation.syntax--definition.syntax--comment, .syntax--text.cancelled, .syntax--meta.syntax--punctuation.syntax--separator, .syntax--markup.syntax--strikethrough
.notes => .syntax--notes
.text, .source => .syntax--text, .syntax--source
.punctuation.definition.string, .punctuation.definition.string, .punctuation.definition.parameters, .punctuation.definition.string, .punctuation.definition.array => .syntax--punctuation.syntax--definition.syntax--string, .syntax--punctuation.syntax--definition.syntax--string, .syntax--punctuation.syntax--definition.syntax--parameters, .syntax--punctuation.syntax--definition.syntax--string, .syntax--punctuation.syntax--definition.syntax--array
.none => .syntax--none
.keyword.operator => .syntax--keyword.syntax--operator
.keyword => .syntax--keyword
.variable => .syntax--variable
.entity.name.function, .meta.require, .support.function.any-method, .meta.function-call, .support.function, .keyword.other.special-method, .meta.block-level, .meta.function-call.method.with-arguments .variable.function, .source.js .meta.function-call.method.without-arguments.js .variable.function.js => .syntax--entity.syntax--name.syntax--function, .syntax--meta.syntax--require, .syntax--support.syntax--function.syntax--any-method, .syntax--meta.syntax--function-call, .syntax--support.syntax--function, .syntax--keyword.syntax--other.syntax--special-method, .syntax--meta.syntax--block-level, .syntax--meta.syntax--function-call.syntax--method.syntax--with-arguments .syntax--variable.syntax--function, .syntax--source.syntax--js .syntax--meta.syntax--function-call.syntax--method.syntax--without-arguments.syntax--js .syntax--variable.syntax--function.syntax--js
.support.class, .entity.name.class, .entity.name.type.class, .variable.language.this.js => .syntax--support.syntax--class, .syntax--entity.syntax--name.syntax--class, .syntax--entity.syntax--name.syntax--type.syntax--class, .syntax--variable.syntax--language.syntax--this.syntax--js
.meta.class => .syntax--meta.syntax--class
.keyword.other.special-method => .syntax--keyword.syntax--other.syntax--special-method
.storage => .syntax--storage
.support.function, .keyword.operator, .constant.other.color, .meta.tag, .punctuation.definition.tag, .punctuation.separator.inheritance.php, .punctuation.definition.tag.html, .punctuation.definition.tag.begin.html, .punctuation.definition.tag.end.html, .meta.function-call .meta.function-call.arguments .variable.parameter.function, .text.html.markdown .meta.paragraph .meta.link.inline, .text.html.markdown .meta.paragraph .meta.link.inline .punctuation.definition.string.begin.markdown, .text.html.markdown .meta.paragraph .meta.link.inline .punctuation.definition.string.end.markdown, .source.gulpfile.js .variable.other.object.js => .syntax--support.syntax--function, .syntax--keyword.syntax--operator, .syntax--constant.syntax--other.syntax--color, .syntax--meta.syntax--tag, .syntax--punctuation.syntax--definition.syntax--tag, .syntax--punctuation.syntax--separator.syntax--inheritance.syntax--php, .syntax--punctuation.syntax--definition.syntax--tag.syntax--html, .syntax--punctuation.syntax--definition.syntax--tag.syntax--begin.syntax--html, .syntax--punctuation.syntax--definition.syntax--tag.syntax--end.syntax--html, .syntax--meta.syntax--function-call .syntax--meta.syntax--function-call.syntax--arguments .syntax--variable.syntax--parameter.syntax--function, .syntax--text.syntax--html.syntax--markdown .syntax--meta.syntax--paragraph .syntax--meta.syntax--link.syntax--inline, .syntax--text.syntax--html.syntax--markdown .syntax--meta.syntax--paragraph .syntax--meta.syntax--link.syntax--inline .syntax--punctuation.syntax--definition.syntax--string.syntax--begin.syntax--markdown, .syntax--text.syntax--html.syntax--markdown .syntax--meta.syntax--paragraph .syntax--meta.syntax--link.syntax--inline .syntax--punctuation.syntax--definition.syntax--string.syntax--end.syntax--markdown, .syntax--source.gulpfile.syntax--js .syntax--variable.syntax--other.syntax--object.syntax--js
.string, .constant.other.symbol, .entity.other.inherited-class => .syntax--string, .syntax--constant.syntax--other.syntax--symbol, .syntax--entity.syntax--other.syntax--inherited-class
.constant.numeric => .syntax--constant.syntax--numeric
.none => .syntax--none
.meta.function-call .meta.function-call.arguments => .syntax--meta.syntax--function-call .syntax--meta.syntax--function-call.syntax--arguments
.none => .syntax--none
.constant => .syntax--constant
.entity.name.tag, .text.html.basic .meta.tag.other.html .entity.other.attribute-name.html => .syntax--entity.syntax--name.syntax--tag, .syntax--text.syntax--html.syntax--basic .syntax--meta.syntax--tag.syntax--other.syntax--html .syntax--entity.syntax--other.syntax--attribute-name.syntax--html
.entity.other.attribute-name, .meta.tag.any.html .entity.other.attribute-name.html, .text.html.basic .meta.tag.other.html .entity.other.attribute-name.html => .syntax--entity.syntax--other.syntax--attribute-name, .syntax--meta.syntax--tag.syntax--any.syntax--html .syntax--entity.syntax--other.syntax--attribute-name.syntax--html, .syntax--text.syntax--html.syntax--basic .syntax--meta.syntax--tag.syntax--other.syntax--html .syntax--entity.syntax--other.syntax--attribute-name.syntax--html
.entity.other.attribute-name.id => .syntax--entity.syntax--other.syntax--attribute-name.syntax--id
.meta.selector => .syntax--meta.syntax--selector
.none => .syntax--none
.markup.heading .punctuation.definition.heading, .entity.name.section => .syntax--markup.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading, .syntax--entity.syntax--name.syntax--section
.keyword.other.unit => .syntax--keyword.syntax--other.syntax--unit
.markup.bold, .punctuation.definition.bold, .todo.bold => .syntax--markup.syntax--bold, .syntax--punctuation.syntax--definition.syntax--bold, .syntax--todo.syntax--bold
.markup.italic, .punctuation.definition.italic, .todo.italic => .syntax--markup.syntax--italic, .syntax--punctuation.syntax--definition.syntax--italic, .syntax--todo.syntax--italic
.markup.raw.inline => .syntax--markup.syntax--raw.syntax--inline
.string.other.link, .punctuation.definition.string.end.markdown => .syntax--string.syntax--other.syntax--link, .syntax--punctuation.syntax--definition.syntax--string.syntax--end.syntax--markdown
.meta.link => .syntax--meta.syntax--link
.markup.list => .syntax--markup.syntax--list
.markup.quote => .syntax--markup.syntax--quote
.meta.separator => .syntax--meta.syntax--separator
.markup.inserted => .syntax--markup.syntax--inserted
.markup.deleted => .syntax--markup.syntax--deleted
.markup.changed => .syntax--markup.syntax--changed
.constant.other.color, .meta.property-value .support.constant.named-color.css => .syntax--constant.syntax--other.syntax--color, .syntax--meta.syntax--property-value .syntax--support.syntax--constant.named-color.syntax--css
.string.regexp => .syntax--string.syntax--regexp
.constant.character.escape => .syntax--constant.syntax--character.syntax--escape
.punctuation.section.embedded, .variable.interpolation => .syntax--punctuation.syntax--section.syntax--embedded, .syntax--variable.syntax--interpolation
.invalid.illegal => .syntax--invalid.syntax--illegal
.invalid.broken => .syntax--invalid.syntax--broken
.invalid.deprecated => .syntax--invalid.syntax--deprecated
.invalid.unimplemented => .syntax--invalid.syntax--unimplemented
.sublimelinter.outline.illegal => .sublimelinter.outline.syntax--illegal
.sublimelinter.underline.illegal => .sublimelinter.syntax--underline.syntax--illegal
.sublimelinter.outline.warning => .sublimelinter.outline.syntax--warning
.sublimelinter.underline.warning => .sublimelinter.syntax--underline.syntax--warning
.sublimelinter.underline.violation => .sublimelinter.syntax--underline.violation
.sublimelinter.mark.error => .sublimelinter.syntax--mark.syntax--error
.sublimelinter.mark.warning => .sublimelinter.syntax--mark.syntax--warning
.markup.deleted.git_gutter => .syntax--markup.syntax--deleted.git_gutter
.markup.changed.git_gutter => .syntax--markup.syntax--changed.git_gutter
.markup.inserted.git_gutter => .syntax--markup.syntax--inserted.git_gutter
.markup.ignored.git_gutter => .syntax--markup.syntax--ignored.git_gutter
.comment.line.double-slash .punctuation.definition.comment, .meta.structure.array .comment.block.json .punctuation.definition.comment => .syntax--comment.line.syntax--double-slash .syntax--punctuation.syntax--definition.syntax--comment, .syntax--meta.syntax--structure.syntax--array .syntax--comment.syntax--block.syntax--json .syntax--punctuation.syntax--definition.syntax--comment
.text.find-in-files .entity.name.filename.find-in-files => .syntax--text.syntax--find-in-files .syntax--entity.syntax--name.syntax--filename.syntax--find-in-files
.support.type.property-name => .syntax--support.syntax--type.syntax--property-name
.meta.property-list .meta.property-name => .syntax--meta.syntax--property-list .syntax--meta.syntax--property-name
.source.css .keyword.other.unit, .source.less .keyword.other.unit, .source.scss .keyword.other.unit, .source.sass .keyword.other.unit => .syntax--source.syntax--css .syntax--keyword.syntax--other.syntax--unit, .syntax--source.syntax--less .syntax--keyword.syntax--other.syntax--unit, .syntax--source.syntax--scss .syntax--keyword.syntax--other.syntax--unit, .syntax--source.syntax--sass .syntax--keyword.syntax--other.syntax--unit
.entity.other.less.mixin => .syntax--entity.syntax--other.syntax--less.syntax--mixin
.source.less .parameter.less .variable.parameter.misc.css => .syntax--source.syntax--less .syntax--parameter.syntax--less .syntax--variable.syntax--parameter.syntax--misc.syntax--css
.source.less .meta.property-value.css .string.quoted.double.css .comment .markup.raw => .syntax--source.syntax--less .syntax--meta.syntax--property-value.syntax--css .syntax--string.syntax--quoted.syntax--double.syntax--css .syntax--comment .syntax--markup.syntax--raw
.constant.other.color.rgb-value .punctuation.definition.constant => .syntax--constant.syntax--other.syntax--color.syntax--rgb-value .syntax--punctuation.syntax--definition.syntax--constant
.meta.attribute-selector .string.unquoted.attribute-value => .syntax--meta.syntax--attribute-selector .syntax--string.syntax--unquoted.syntax--attribute-value
.meta.attribute-selector .entity.other.attribute-name.attribute => .syntax--meta.syntax--attribute-selector .syntax--entity.syntax--other.syntax--attribute-name.syntax--attribute
.source.gulpfile.js .meta.group.braces.round .meta.group.braces.curly .meta.group.braces.round .meta.function-call.with-arguments.js .variable.function.js, .source.gulpfile.js .meta.group.braces.round .meta.group.braces.curly .variable.function.js => .syntax--source.gulpfile.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--round .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--meta.syntax--group.syntax--braces.syntax--round .syntax--meta.syntax--function-call.syntax--with-arguments.syntax--js .syntax--variable.syntax--function.syntax--js, .syntax--source.gulpfile.syntax--js .syntax--meta.syntax--group.syntax--braces.syntax--round .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--variable.syntax--function.syntax--js
.meta.function-call .support.type, .support.type => .syntax--meta.syntax--function-call .syntax--support.syntax--type, .syntax--support.syntax--type
.source.python .meta.function-call.arguments.python => .syntax--source.syntax--python .syntax--meta.syntax--function-call.syntax--arguments.syntax--python
.embedding.php .entity.name.tag => .embedding.syntax--php .syntax--entity.syntax--name.syntax--tag
.source.go .meta.function-call.go => .syntax--source.syntax--go .syntax--meta.syntax--function-call.syntax--go
.meta.group.braces.curly.js .meta.property.object.js .variable.other.object.js => .syntax--meta.syntax--group.syntax--braces.syntax--curly.syntax--js .syntax--meta.syntax--property.syntax--object.syntax--js .syntax--variable.syntax--other.syntax--object.syntax--js
.source.json .meta.structure.dictionary.json .meta.structure.dictionary.value .constant.language => .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value .syntax--constant.syntax--language
.source.elixir .support.type.elixir, .source.elixir .meta.module.elixir .entity.name.class.elixir => .syntax--source.syntax--elixir .syntax--support.syntax--type.syntax--elixir, .syntax--source.syntax--elixir .syntax--meta.syntax--module.syntax--elixir .syntax--entity.syntax--name.syntax--class.syntax--elixir
.source.elixir .entity.name.function => .syntax--source.syntax--elixir .syntax--entity.syntax--name.syntax--function
.source.elixir .constant.other.symbol.elixir, .source.ruby .constant.other.symbol => .syntax--source.syntax--elixir .syntax--constant.syntax--other.syntax--symbol.syntax--elixir, .syntax--source.syntax--ruby .syntax--constant.syntax--other.syntax--symbol
.source.elixir .punctuation.definition.string => .syntax--source.syntax--elixir .syntax--punctuation.syntax--definition.syntax--string
.source.elixir .variable.other.readwrite.module.elixir, .source.elixir .variable.other.readwrite.module.elixir .punctuation.definition.variable.elixir => .syntax--source.syntax--elixir .syntax--variable.syntax--other.syntax--readwrite.syntax--module.syntax--elixir, .syntax--source.syntax--elixir .syntax--variable.syntax--other.syntax--readwrite.syntax--module.syntax--elixir .syntax--punctuation.syntax--definition.syntax--variable.syntax--elixir
.source.elixir .punctuation.binary.elixir => .syntax--source.syntax--elixir .syntax--punctuation.syntax--binary.syntax--elixir
.support.type.sys-types => .syntax--support.syntax--type.syntax--sys-types
.constant.numeric.line-number.find-in-files:not(.match), .text.find-in-files .constant.numeric.line-number.find-in-files => .syntax--constant.syntax--numeric.line-number.syntax--find-in-files:not(.match), .syntax--text.syntax--find-in-files .syntax--constant.syntax--numeric.line-number.syntax--find-in-files
.entity.name.filename.find-in-files, .text.find-in-files .constant.numeric.line-number.match.find-in-files => .syntax--entity.syntax--name.syntax--filename.syntax--find-in-files, .syntax--text.syntax--find-in-files .syntax--constant.syntax--numeric.line-number.syntax--match.syntax--find-in-files
[data-grammar*="gfm"]::shadow .markup.underline.link => [data-grammar*="gfm"]::shadow .syntax--markup.syntax--underline.syntax--link
[data-grammar*="gfm"]::shadow .markup.underline.link span.punctuation => [data-grammar*="gfm"]::shadow .syntax--markup.syntax--underline.syntax--link span.syntax--punctuation
[data-grammar*="gfm"]::shadow .markup.strike => [data-grammar*="gfm"]::shadow .syntax--markup.syntax--strike
[data-grammar*="gfm"]::shadow .markup.strike::after => [data-grammar*="gfm"]::shadow .syntax--markup.syntax--strike::after
[data-grammar*="gfm"]::shadow .table .border => [data-grammar*="gfm"]::shadow .syntax--table .syntax--border
[data-grammar*="gfm"]::shadow .markup.heading => [data-grammar*="gfm"]::shadow .syntax--markup.syntax--heading
[data-grammar*="gfm"]::shadow .punctuation.definition.begin, [data-grammar*="gfm"]::shadow .punctuation.definition.end => [data-grammar*="gfm"]::shadow .syntax--punctuation.syntax--definition.syntax--begin, [data-grammar*="gfm"]::shadow .syntax--punctuation.syntax--definition.syntax--end
[data-grammar*="gfm"]::shadow .punctuation.definition.begin + span:not(.function.parameter) => [data-grammar*="gfm"]::shadow .syntax--punctuation.syntax--definition.syntax--begin + span:not(.function.parameter)
atom-text-editor.is-focused .selection .region, :host(.is-focused) .selection .region => atom-text-editor.is-focused .selection .region,atom-text-editor .selection .region
.variable.instance, .variable.instance > * => .syntax--variable.syntax--instance, .syntax--variable.syntax--instance > *
.meta.delimiter.period => .syntax--meta.syntax--delimiter.syntax--period
.meta.brace => .syntax--meta.syntax--brace
.meta.tag.doctype => .syntax--meta.syntax--tag.syntax--doctype
.meta .string.quoted => .syntax--meta .syntax--string.syntax--quoted
.meta.array.json .string.quoted => .syntax--meta.syntax--array.syntax--json .syntax--string.syntax--quoted
.meta.array.json .string.quoted > * => .syntax--meta.syntax--array.syntax--json .syntax--string.syntax--quoted > *
.meta .punctuation.separator.key-value + .string.quoted => .syntax--meta .syntax--punctuation.syntax--separator.syntax--key-value + .syntax--string.syntax--quoted
.meta .punctuation.separator.key-value + .string.quoted * => .syntax--meta .syntax--punctuation.syntax--separator.syntax--key-value + .syntax--string.syntax--quoted *
.meta.structure.dictionary .string.quoted => .syntax--meta.syntax--structure.syntax--dictionary .syntax--string.syntax--quoted
.meta.structure.dictionary .string.quoted .punctuation.string => .syntax--meta.syntax--structure.syntax--dictionary .syntax--string.syntax--quoted .syntax--punctuation.syntax--string
.support.constant => .syntax--support.syntax--constant
.keyword.operator.logical, .keyword.operator.comparison, .keyword.operator.assignment => .syntax--keyword.syntax--operator.syntax--logical, .syntax--keyword.syntax--operator.syntax--comparison, .syntax--keyword.syntax--operator.syntax--assignment
.punctuation.section.embedded .source.php, .variable.interpolation .source.php => .syntax--punctuation.syntax--section.syntax--embedded .syntax--source.syntax--php, .syntax--variable.syntax--interpolation .syntax--source.syntax--php
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.
Especially on light green text. Can it be lightened?
There is also a dark variation of the original Sublime theme that would be nice to have:
When using Atom Material Syntax on PHP files, the variables' names have a red color, but the $ that indicates that they are a variable don't(as on Base 16 Tomorrow Dark) I'm not sure if this was on purpose or not, but it makes everything more confusing when programming.
Atom Material Syntax:
Base 16 Tomorrow Dark:
Is there any plan on creating a dark version of this theme (sublime text port maybe +1)
Please change color class and other.You have the same color, and because of this all spreads.
Example Syntax Atom One Dark
I think this is looks better
Not entirely sure if this is intended or not, but when you select the text, the current line highlight disappears. Seems a little strange to me.
No text selected:
Text selected:
Hey !
Is it normal that :
became that :
( I mean for the syntax of course )
The syntax color scheme on Sublime was recently updated. Was just wondering if you were going to update to match potentially?
it would be nice to have a light version of the syntax, similar to the sublime version.
I just ran the update for version 0.4.0 and JSON syntax doesn't highlight after the keys of the first layer
Not sure if this could be called an actual bug, but this was an excellent theme before the update.
Now for variables the $ and the actual text are two different colors.
There is also a TON of purple and an insane amount of italics.
Same goes for every file extension.
Easiest way to revert back?
Latest upgrade of Atom break the theme with deprecated status.
Any change of this being solved?
Deprecated selectors! Both in the theme ui and the theme syntax
Have only seen this when using atom-material-syntax, if you look at the description fields the syntax highlighting is incorrect when it gets soft wrapped.
Default Atom have Suntax Them - One Dark, when you click on tag he have backlight and solid underline like on screenshot, please create this on your Material Syntax.
I love the theme and color scheme, however highlighting some text, is really hard to see what you have highlighted.
Atom: http://cl.ly/281W3u3N2d24
Sublime: http://cl.ly/3x2X0D2e0W2z
Any chance you might update this like the sublime variant?
This is what Atom looks like if I apply both this syntax and your ui-them.
I don't think this is correct, considering your screenshot shows it up having a gray background. Not sure what's going on.
This project stopped updating for while, but the sublime is still being updated.
I really love your theme. And as I switch the syntax to markdown, I am not seeing any hightlights.
As you can see from the screenshot, the second case statement is incorrectly highlighted.
The issue seems to be triggered by the var declaration in the first case. If I move the var declaration, the highlighting is correct:
no key:value differentiation in JSON arrays:
In version 0.1.2, parameters were uniformly colored, for instance:
In version 0.2.0, the first parameter is colored, but the rest are still white:
I have temporarily downgraded to 0.1.2, which has the correct coloring for parameters.
P.S. --> this is an awesome theme!
Example code
`
const Foam::surfaceScalarField&
Foam::surfaceInterpolation::weights() const
{
if (!weights_)
{
makeWeights();
}
return (*weights_);
}
`
The following * after weights_ will make contents after it italic
return (*weights_);
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.
