jesseleite/an-old-hope-syntax-atom

Deprecated selectors - Atom v1.13.0

kedwin opened this issue · 4 comments

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary.

Errors generated by atom:

In an-old-hope-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

  • .keyword.other.use => .syntax--keyword.syntax--other.syntax--use

  • .keyword.other.namespace => .syntax--keyword.syntax--other.syntax--namespace

  • .storage => .syntax--storage

  • .storage.type => .syntax--storage.syntax--type

  • .storage.type.class => .syntax--storage.syntax--type.syntax--class

  • .storage.type.function => .syntax--storage.syntax--type.syntax--function

  • .storage.type.var => .syntax--storage.syntax--type.syntax--var

  • .storage.modifier => .syntax--storage.syntax--modifier

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

  • .source.php .other.phpdoc => .syntax--source.syntax--php .syntax--other.syntax--phpdoc

  • .blade.keyword, .blade.entity, .blade.punctuation => .syntax--blade.syntax--keyword, .syntax--blade.syntax--entity, .syntax--blade.syntax--punctuation

  • atom-text-editor[mini] .scroll-view, :host([mini]) .scroll-view => atom-text-editor[mini] .scroll-view,atom-text-editor .scroll-view

  • .an-old-hope-modify-ui .tree-view .header.list-item, .an-old-hope-modify-ui .tree-view .list-item => .an-old-hope-modify-ui .tree-view .syntax--header.list-item, .an-old-hope-modify-ui .tree-view .list-item

  • .an-old-hope-modify-ui .tab-bar .tab::before => .an-old-hope-modify-ui .tab-bar .syntax--tab::before

  • .an-old-hope-modify-ui .tab-bar .tab .title => .an-old-hope-modify-ui .tab-bar .syntax--tab .syntax--title

  • .an-old-hope-modify-ui .tab-bar .tab.active .title => .an-old-hope-modify-ui .tab-bar .syntax--tab.active .syntax--title

  • .an-old-hope-modify-ui .tab-bar .tab .close-icon => .an-old-hope-modify-ui .tab-bar .syntax--tab .close-icon

  • .an-old-hope-modify-ui atom-text-editor::shadow .line-number => .an-old-hope-modify-ui atom-text-editor.editor .line-number

  • .an-old-hope-modify-ui a.link => .an-old-hope-modify-ui a.syntax--link

  • .an-old-hope-modify-ui a.link:hover => .an-old-hope-modify-ui a.syntax--link:hover

  • .an-old-hope-modify-ui .tooltip.top .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.syntax--top .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip.top-left .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.top-left .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip.top-right .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.top-right .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip.right .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.syntax--right .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip.left .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.syntax--left .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip.bottom .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.syntax--bottom .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip.bottom-left .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.bottom-left .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip.bottom-right .tooltip-arrow => .an-old-hope-modify-ui .syntax--tooltip.bottom-right .tooltip-arrow

  • .an-old-hope-modify-ui .tooltip .tooltip-inner => .an-old-hope-modify-ui .syntax--tooltip .tooltip-inner

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.

👍 Really love this syntax theme. Would really appreciate it if it can be fixed.

Love this theme. Hope it will get updated for Atom 1.13.

Updated theme. Still working on UI modifications, as not all the styles seem to be taking on 1.13+