This fixes the following deprecation warning:
"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--."
@import './styles/syntax-variables';
@import './styles/syntax-variables';
-:host, atom-text-editor {
background-color: @syntax-background-color;
color: @syntax-text-color;
background-color: @syntax-background-color;
color: @syntax-text-color;
background-color: @syntax-selection-color;
}
background-color: @syntax-selection-color;
}
- .search-results .marker .region {
+ .search-results .syntax--marker .region {
background-color: transparent;
border: 1px solid @syntax-result-marker-color;
}
background-color: transparent;
border: 1px solid @syntax-result-marker-color;
}
- .search-results .marker.current-result .region {
+ .search-results .syntax--marker.current-result .region {
border: 1px solid @syntax-result-marker-color-selected;
}
border: 1px solid @syntax-result-marker-color-selected;
}
+ .syntax--class.syntax--jade,
+ .syntax--constant.syntax--character,
+ .syntax--constant.syntax--language,
+ .syntax--constant.syntax--numeric,
+ .syntax--constant.syntax--other {
- .constant.language {
- color: #AE81FF;
- }
-
- .constant.character,
- .constant.other {
- color: #AE81FF;
- }
-
- .keyword {
- color: #F92672;
- }
-
- .storage {
+ .syntax--keyword,
+ .syntax--storage {
+ .syntax--storage.syntax--type,
+ .syntax--support.syntax--class,
+ .syntax--support.syntax--type {
font-style: italic;
color: #66D9EF;
}
font-style: italic;
color: #66D9EF;
}
+ .syntax--entity.syntax--name.syntax--class {
text-decoration: underline;
color: #A6E22E;
}
text-decoration: underline;
color: #A6E22E;
}
- .entity.other.inherited-class {
+ .syntax--entity.syntax--other.syntax--inherited-class {
font-style: italic;
text-decoration: underline;
color: #A6E22E;
}
font-style: italic;
text-decoration: underline;
color: #A6E22E;
}
- .entity.name.function {
+ .syntax--entity.syntax--name.syntax--function,
+ .syntax--entity.syntax--other.syntax--attribute-name {
- .entity.name.instance {
- color: #66D9EF;
- }
-
- .variable.parameter {
+ .syntax--variable.syntax--parameter {
font-style: italic;
color: #FD971F;
}
font-style: italic;
color: #FD971F;
}
-
- // 'this' Javascript
- .variable.language.js {
- color: #F92672;
- }
+ .syntax--entity.syntax--name.syntax--tag,
+ .syntax--variable.syntax--language.syntax--js {
- .entity.other.attribute-name {
- color: #A6E22E;
- }
-
- .support.function {
+ .syntax--entity.syntax--name.syntax--instance,
+ .syntax--support.syntax--constant,
+ .syntax--support.syntax--function {
- .support.constant {
- color: #66D9EF;
- }
-
- .support.type,
- .support.class {
- font-style: italic;
- color: #66D9EF;
- }
-
- .invalid {
color: #F8F8F0;
background-color: #F92672;
}
color: #F8F8F0;
background-color: #F92672;
}
+ .syntax--invalid.syntax--deprecated {
color: #F8F8F0;
background-color: #AE81FF;
}
color: #F8F8F0;
background-color: #AE81FF;
}
- // Jade syntax
- .class.jade {
- color: #AE81FF;
- }
-
- .gfm {
- .markup {
- &.heading {
+ .syntax--gfm {
+ .syntax--markup {
+ &.syntax--heading {
color: #A6E22E;
font-weight: bold;
}
color: #A6E22E;
font-weight: bold;
}
color: #E6DB74;
text-decoration: underline;
}
}
color: #E6DB74;
text-decoration: underline;
}
}
+ .syntax--variable.syntax--list {
color: #F92672;
font-weight: bold;
}
color: #F92672;
font-weight: bold;
}