npverni / atom-sunburst Goto Github PK

In sunburst\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:

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

• .text .source => .syntax--text .syntax--source

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

• .string.quoted .source => .syntax--string.syntax--quoted .syntax--source

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

• .entity.name.type => .syntax--entity.syntax--name.syntax--type

• .meta.cast => .syntax--meta.syntax--cast

• .meta.sgml.html .meta.doctype, .meta.sgml.html .meta.doctype .entity, .meta.sgml.html .meta.doctype .string, .meta.xml-processing, .meta.xml-processing .entity, .meta.xml-processing .string => .syntax--meta.syntax--sgml.syntax--html .syntax--meta.syntax--doctype, .syntax--meta.syntax--sgml.syntax--html .syntax--meta.syntax--doctype .syntax--entity, .syntax--meta.syntax--sgml.syntax--html .syntax--meta.syntax--doctype .syntax--string, .syntax--meta.xml-processing, .syntax--meta.xml-processing .syntax--entity, .syntax--meta.xml-processing .syntax--string

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

• .source .entity.name.tag, .source .entity.other.attribute-name, .meta.tag.inline, .meta.tag.inline .entity => .syntax--source .syntax--entity.syntax--name.syntax--tag, .syntax--source .syntax--entity.syntax--other.syntax--attribute-name, .syntax--meta.syntax--tag.syntax--inline, .syntax--meta.syntax--tag.syntax--inline .syntax--entity

• .entity.name.tag.namespace, .entity.other.attribute-name.namespace => .syntax--entity.syntax--name.syntax--tag.syntax--namespace, .syntax--entity.syntax--other.syntax--attribute-name.syntax--namespace

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

In index.less: Target the selector :host, atom-text-editor instead of .editor for shadow DOM support.

See attached. Maybe we could tinker it ?

In sunburst/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:

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

• .text .source => .syntax--text .syntax--source

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

• .string.quoted .source => .syntax--string.syntax--quoted .syntax--source

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

• .entity.name.type => .syntax--entity.syntax--name.syntax--type

• .meta.cast => .syntax--meta.syntax--cast

• .meta.sgml.html .meta.doctype, .meta.sgml.html .meta.doctype .entity, .meta.sgml.html .meta.doctype .string, .meta.xml-processing, .meta.xml-processing .entity, .meta.xml-processing .string => .syntax--meta.syntax--sgml.syntax--html .syntax--meta.syntax--doctype, .syntax--meta.syntax--sgml.syntax--html .syntax--meta.syntax--doctype .syntax--entity, .syntax--meta.syntax--sgml.syntax--html .syntax--meta.syntax--doctype .syntax--string, .syntax--meta.xml-processing, .syntax--meta.xml-processing .syntax--entity, .syntax--meta.xml-processing .syntax--string

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

• .source .entity.name.tag, .source .entity.other.attribute-name, .meta.tag.inline, .meta.tag.inline .entity => .syntax--source .syntax--entity.syntax--name.syntax--tag, .syntax--source .syntax--entity.syntax--other.syntax--attribute-name, .syntax--meta.syntax--tag.syntax--inline, .syntax--meta.syntax--tag.syntax--inline .syntax--entity

• .entity.name.tag.namespace, .entity.other.attribute-name.namespace => .syntax--entity.syntax--name.syntax--tag.syntax--namespace, .syntax--entity.syntax--other.syntax--attribute-name.syntax--namespace

• .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 => .syntax--meta.syntax--diff, .syntax--meta.syntax--diff.syntax--header

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

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

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

• .markup.italic => .syntax--markup.syntax--italic

• .markup.bold => .syntax--markup.syntax--bold

• .markup.underline => .syntax--markup.syntax--underline

• .markup.quote => .syntax--markup.syntax--quote

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

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

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

• .markup .comment => .syntax--markup .syntax--comment

• .meta.separator => .syntax--meta.syntax--separator

• .meta.line.entry.logfile, .meta.line.exit.logfile => .syntax--meta.line.syntax--entry.logfile, .syntax--meta.line.syntax--exit.logfile

• .meta.line.error.logfile => .syntax--meta.line.syntax--error.logfile

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.

In index.less: Use the atom-text-editor tag instead of the editor class.