Deprecated selector in `twilight-textmate-syntax/index.less`

[carlosparadis]

In twilight-textmate-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

• .search-results .marker .region => .search-results .syntax--marker .region

• .search-results .marker.current-result .region => .search-results .syntax--marker.current-result .region

• .comment => .syntax--comment

• .constant => .syntax--constant

• .entity => .syntax--entity

• .keyword => .syntax--keyword

• .storage => .syntax--storage

• .string => .syntax--string

• .support => .syntax--support

• .variable => .syntax--variable

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

• .invalid.illegal => .syntax--invalid.syntax--illegal

• .meta.embedded.block, .punctuation.whitespace.embedded => .syntax--meta.syntax--embedded.syntax--block, .syntax--punctuation.syntax--whitespace.syntax--embedded

• .meta.embedded.line => .syntax--meta.syntax--embedded.line

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

• .string .meta.embedded => .syntax--string .syntax--meta.syntax--embedded

• .string .constant => .syntax--string .syntax--constant

• .string.regexp => .syntax--string.syntax--regexp

• .string.regexp .constant.character.escape, .string.regexp .source.ruby.embedded, .string.regexp .string.regexp.arbitrary-repitition => .syntax--string.syntax--regexp .syntax--constant.syntax--character.syntax--escape, .syntax--string.syntax--regexp .syntax--source.syntax--ruby.syntax--embedded, .syntax--string.syntax--regexp .syntax--string.syntax--regexp.syntax--arbitrary-repitition

• .string .variable => .syntax--string .syntax--variable

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

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

• .meta.preprocessor.c => .syntax--meta.syntax--preprocessor.syntax--c

• .meta.preprocessor.c .keyword => .syntax--meta.syntax--preprocessor.syntax--c .syntax--keyword

• .meta.tag.sgml.doctype, .meta.tag.sgml.doctype .entity, .meta.tag.sgml.doctype .keyword, .meta.tag.sgml.doctype .variable, .meta.tag.sgml.doctype .string, .meta.tag.preprocessor.xml, .meta.tag.preprocessor.xml .entity, .meta.tag.preprocessor.xml .string => .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--entity, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--keyword, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--variable, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--string, .syntax--meta.syntax--tag.syntax--preprocessor.syntax--xml, .syntax--meta.syntax--tag.syntax--preprocessor.syntax--xml .syntax--entity, .syntax--meta.syntax--tag.syntax--preprocessor.syntax--xml .syntax--string

• .declaration.tag, .declaration.tag .entity, .meta.tag, .meta.tag .entity => .syntax--declaration.syntax--tag, .syntax--declaration.syntax--tag .syntax--entity, .syntax--meta.syntax--tag, .syntax--meta.syntax--tag .syntax--entity

• .declaration.tag.inline, .declaration.tag.inline .entity, .meta.tag.inline, .meta.tag.inline .entity => .syntax--declaration.syntax--tag.syntax--inline, .syntax--declaration.syntax--tag.syntax--inline .syntax--entity, .syntax--meta.syntax--tag.syntax--inline, .syntax--meta.syntax--tag.syntax--inline .syntax--entity

• .meta.selector.css .entity.name.tag => .syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--name.syntax--tag

• .meta.selector.css .entity.other.attribute-name.tag.pseudo-class => .syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--tag.syntax--pseudo-class

• .meta.selector.css .entity.other.attribute-name.id => .syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--id

• .meta.selector.css .entity.other.attribute-name.class => .syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--class

• .support.type.property-name.css => .syntax--support.syntax--type.syntax--property-name.syntax--css

• .meta.property-group .support.constant.property-value.css, .meta.property-value .support.constant.property-value.css => .syntax--meta.property-group .syntax--support.syntax--constant.syntax--property-value.syntax--css, .syntax--meta.syntax--property-value .syntax--support.syntax--constant.syntax--property-value.syntax--css

• .meta.preprocessor.at-rule .keyword.control.at-rule => .syntax--meta.syntax--preprocessor.syntax--at-rule .syntax--keyword.syntax--control.syntax--at-rule

• .meta.property-value .support.constant.named-color.css, .meta.property-value .constant => .syntax--meta.syntax--property-value .syntax--support.syntax--constant.named-color.syntax--css, .syntax--meta.syntax--property-value .syntax--constant

• .meta.constructor.argument.css => .syntax--meta.syntax--constructor.syntax--argument.syntax--css

• .meta.diff, .meta.diff.header, .meta.separator, .meta.diff.range, .meta.diff.index => .syntax--meta.syntax--diff, .syntax--meta.syntax--diff.syntax--header, .syntax--meta.syntax--separator, .syntax--meta.syntax--diff.syntax--range, .syntax--meta.syntax--diff.syntax--index

• .markup.deleted => .syntax--markup.syntax--deleted

• .markup.changed => .syntax--markup.syntax--changed

• .markup.inserted => .syntax--markup.syntax--inserted

• .markup.list => .syntax--markup.syntax--list

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

• .markup.raw.block => .syntax--markup.syntax--raw.syntax--block

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.

[Jonggkwan]

Here for base.less code

`@import "syntax-variables"; atom-text-editor, atom-text-editor { background-color: @syntax-background-color; color: @syntax-text-color; }

.gutter { background-color: @syntax-gutter-background-color; color: @syntax-gutter-text-color; border-right: solid 1px @syntax-gutter-border-color; font-size: 9px; font-weight: 100; }

.scroll-view { padding-left: 8px; }

.gutter .line-number.cursor-line { background-color: @syntax-gutter-background-color-selected; color: @syntax-gutter-text-color-selected; }

.gutter .line-number.cursor-line-no-selection { color: @syntax-gutter-text-color-selected; }

.wrap-guide { color: @syntax-wrap-guide-color; }

.indent-guide { color: @syntax-indent-guide-color; white-space: normal; }

.invisible-character { color: @syntax-invisible-character-color; }

.search-results .syntax--marker .region { background-color: transparent; border: @syntax-result-marker-color; }

.search-results .syntax--marker.current-result .region { border: @syntax-result-marker-color-selected; }

.is-focused .cursor { border-color: @syntax-cursor-color; }

.selection .region { background-color: @syntax-selection-color; }

.is-focused .line-number.cursor-line-no-selection { background-color: rgb(83,82,85); border-top: solid 1px rgb(87,87,87); border-bottom: solid 1px rgb(87,87,87); }

.is-focused .line.cursor-line { background-color: rgba(255, 255, 255, 0.03); }

.deco.folding { color: #5A6A65; }

.syntax--comment { font-style: italic; color: rgb(114,110,115); }

.syntax--constant { color: #CF6A4C; }

.syntax--entity { color: rgb(171,130,84); }

.syntax--keyword { color: #CDA869; }

.syntax--storage { color: rgb(250,239,172); }

.syntax--string { color: rgb(160,171,127); }

.syntax--support { color: rgb(171,153,172); }

.syntax--variable { color: rgb(136,154,180); }

.syntax--invalid.syntax--deprecated { font-style: italic; text-decoration: underline; color: #D2A8A1; }

.syntax--invalid.syntax--illegal { color: #F8F8F8; background-color: rgba(86, 45, 86, 0.75); }

.syntax--meta.syntax--embedded.syntax--block, .syntax--punctuation.syntax--whitespace.syntax--embedded { background-color: rgba(176, 179, 186, 0.08); }

.syntax--meta.syntax--embedded.line { background-color: rgba(177, 179, 186, 0.13); }

.syntax--entity.syntax--other.syntax--inherited-class { font-style: italic; color: rgb(171,111,65); }

.syntax--string .syntax--meta.syntax--embedded { color: #DAEFA3; }

.syntax--string .syntax--constant { color: #DDF2A4; }

.syntax--string.syntax--regexp { color: #E9C062; }

.syntax--string.syntax--regexp .syntax--constant.syntax--character.syntax--escape, .syntax--string.syntax--regexp .syntax--source.syntax--ruby.syntax--embedded, .syntax--string.syntax--regexp .syntax--string.syntax--regexp.syntax--arbitrary-repitition { color: #CF7D34; }

.syntax--string .syntax--variable { color: #8A9A95; }

.syntax--support.syntax--function { color: rgb(225,214,154); }

.syntax--support.syntax--constant { color: #CF6A4C; }

.syntax--meta.syntax--preprocessor.syntax--c { color: #8996A8; }

.syntax--meta.syntax--preprocessor.syntax--c .syntax--keyword { color: #AFC4DB; }

.syntax--meta.syntax--tag.syntax--sgml.syntax--doctype, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--entity, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--keyword, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--variable, .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype .syntax--string, .syntax--meta.syntax--tag.syntax--preprocessor.syntax--xml, .syntax--meta.syntax--tag.syntax--preprocessor.syntax--xml .syntax--entity, .syntax--meta.syntax--tag.syntax--preprocessor.syntax--xml .syntax--string { color: #494949; }

.syntax--declaration.syntax--tag, .syntax--declaration.syntax--tag .syntax--entity, .syntax--meta.syntax--tag, .syntax--meta.syntax--tag .syntax--entity { color: #AC885B; }

.syntax--declaration.syntax--tag.syntax--inline, .syntax--declaration.syntax--tag.syntax--inline .syntax--entity, .syntax--meta.syntax--tag.syntax--inline, .syntax--meta.syntax--tag.syntax--inline .syntax--entity { color: #E0C589; }

.syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--name.syntax--tag { color: rgb(214,181,128); }

.syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--tag.syntax--pseudo-class { color: #8F9D6A; }

.syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--id { color: #8B98AB; }

.syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--class { color: #9B703F; }

.syntax--support.syntax--type.syntax--property-name.syntax--css { color: #C5AF75; }

.syntax--meta.property-group .syntax--support.syntax--constant.syntax--property-value.syntax--css, .syntax--meta.syntax--property-value .syntax--support.syntax--constant.syntax--property-value.syntax--css { color: #F9EE98; }

.syntax--meta.syntax--preprocessor.syntax--at-rule .syntax--keyword.syntax--control.syntax--at-rule { color: #8693A5; }

.syntax--meta.syntax--property-value .syntax--support.syntax--constant.named-color.syntax--css, .syntax--meta.syntax--property-value .syntax--constan { color: #CA7840; }

.syntax--meta.syntax--constructor.syntax--argument.syntax--css { color: #8F9D6A; }

.syntax--meta.syntax--diff, .syntax--meta.syntax--diff.syntax--header, .syntax--meta.syntax--separator, .syntax--meta.syntax--diff.syntax--range, .syntax--meta.syntax--diff.syntax--index { font-style: italic; color: #F8F8F8; background-color: #0E2231; }

.syntax--markup.syntax--deleted { color: #F8F8F8; background-color: #420E09; }

.syntax--markup.syntax--changed { color: #F8F8F8; background-color: #4A410D; }

.syntax--markup.syntax--inserted { color: #F8F8F8; background-color: #253B22; }

.syntax--markup.syntax--list { color: #F9EE98; }

.syntax--markup.syntax--heading { color: #CF6A4C; }

.syntax--markup.syntax--raw.syntax--block { background-color: rgba(176, 179, 186, 0.08); } `