Deprecated Classes / Bug Fix

styles/colors.less

@@ -31,7 +31,7 @@
 @constant: @orange; // true of var x = true, {{}} of {{> hbs_include}}
 @variable: @green; // foo or function(foo), hbs_include of {{> hbs_include}}, http://dom.com/ of url(http://dom.com/)
 @support: @purple; // module of module.exports, color of color: rgb(0,0,0)
-@entity: @silver; // exports of module.exports, <div id= of <div id="#id">, . of .className
+@entity: @silver; // exports of module.exports, <div id= of <div id="#id">, . of .syntax--className
 @keyword: @gray; // = of var a = b, if of if a = b, px of font-size: 13px;
 @storage: darken(@gray, 10%); // var of var a = b;
 @meta: @code-font-color; // none of border: none;

styles/editor.less

@@ -1,13 +1,13 @@
 @import "colors.less";
 
 // EDITOR BACKGROUND & FONT COLORS
-.atom-text-editor, :host {
+.atom-text-editor,atom-text-editor {
   background-color: @code-background;
   color: @code-font-color;
 }
 
 // MAIN CODE EDITOR STYLES
-.atom-text-editor, :host {
+.atom-text-editor,atom-text-editor {
 
   background-color: @code-background;
   color: @code-font-color;
@@ -101,8 +101,6 @@
   // SELECTED LINE STYLE
   .line.cursor-line {
     background: @selected-line !important;
-    padding-left: 10px;
-    margin-left: -10px;
   }
 
 

styles/languages/html.less

@@ -1,34 +1,34 @@
 @import "colors";
 
-.html {
+.syntax--html {
 
-  .meta.tag.any {
+  .syntax--meta.syntax--tag.syntax--any {
     color: @gray;
   }
 
-  .entity.name.tag {
-    &.block, &.inline, &.name {
+  .syntax--entity.syntax--name.syntax--tag {
+    &.syntax--block, &.syntax--inline, &.syntax--name {
       color: @tag;
     }
   }
 
-  .entity.other.attribute-name.id.html {
+  .syntax--entity.syntax--other.syntax--attribute-name.syntax--id.syntax--html {
     color: @id;
   }
 
-  .punctuation.separator.key-value {
+  .syntax--punctuation.syntax--separator.syntax--key-value {
     color: @gray;
   }
 
-  .string.quoted.double {
+  .syntax--string.syntax--quoted.syntax--double {
     color: lighten(@gray, 10%);
 
-    .punctuation.definition.string {
-      &.begin, &.end {
+    .syntax--punctuation.syntax--definition.syntax--string {
+      &.syntax--begin, &.syntax--end {
         color: @gray;
       }
 
-      .separator.key-value.html {
+      .syntax--separator.syntax--key-value.syntax--html {
         color: @gray;
       }
 

styles/languages/jade.less

@@ -1,65 +1,65 @@
 @import "colors";
 
 
-.jade {
+.syntax--jade {
 
   color: @code-font-color;
 
-  .comment.jade {
+ .syntax--comment.syntax--jade {
     color: @comment;
   }
 
-  .storage.type.function.jade {
+  .syntax--storage.syntax--type.syntax--function.syntax--jade {
     color: @keyword;
   }
 
-  .meta.control.flow.jade {
+  .syntax--meta.syntax--control.syntax--flow.syntax--jade {
     color: @red;
   }
 
-  .source.script {
-    .meta.brace.round.js, .meta.brace.curly.js {
+  .syntax--source.syntax--script {
+    .syntax--meta.syntax--brace.syntax--round.syntax--js, .syntax--meta.syntax--brace.syntax--curly.syntax--js {
       color: @brackets;
     }
   }
 
-  .entity {
+  .syntax--entity {
 
-    &.name.tag.jade {
+    &.syntax--name.syntax--tag.syntax--jade {
       color: @tag;
     }
 
   }
 
-  .storage.type.import.include.jade {
+  .syntax--storage.syntax--type.syntax--import.syntax--include.syntax--jade {
     color: lighten(@green, 20%);
   }
 
-  .variable.control.import.include.jade {
+  .syntax--variable.syntax--control.syntax--import.syntax--include.syntax--jade {
     color: @green;
   }
 
-  .constant {
+  .syntax--constant {
 
-    &.id {
+    &.syntax--id {
       color: @yellow;
     }
 
-    &.language.js {
+    &.syntax--language.syntax--js {
       color: @purple;
     }
 
   }
 
-  .text.jade {
+  .syntax--text.syntax--jade {
     color: @code-font-color;
   }
 
-  .punctuation.separator.key-value.jade {
+  .syntax--punctuation.syntax--separator.syntax--key-value.syntax--jade {
     color: @tag;
   }
 
-  .string.quoted.jade {
+  .syntax--string.syntax--quoted.syntax--jade {
     color: @code-font-color;
   }
 

styles/languages/json.less

@@ -1,46 +1,46 @@
 @import "colors";
 
 
-.source.json {
+.syntax--source.syntax--json {
 
-  .constant.language {
+  .syntax--constant.syntax--language {
     color: @constant;
   }
 
-  .meta.structure.dictionary.json {
+  .syntax--meta.syntax--structure.syntax--dictionary.syntax--json {
 
-    .string.quoted.json {
+    .syntax--string.syntax--quoted.syntax--json {
       color: @tag;
     }
 
-    .meta.structure.dictionary.value.json {
+    .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json {
       // background-color: pink;
-      .string.quoted.json {
+      .syntax--string.syntax--quoted.syntax--json {
         color: @code-font-color;
 
-        .punctuation.definition.string {
+        .syntax--punctuation.syntax--definition.syntax--string {
           color: @code-font-color;
         }
       }
 
-      .meta.structure.dictionary.json {
+      .syntax--meta.syntax--structure.syntax--dictionary.syntax--json {
         // background-color: yellow;
 
-        .string.quoted.json {
+        .syntax--string.syntax--quoted.syntax--json {
           color: @tag;
 
-          .punctuation.definition.string {
+          .syntax--punctuation.syntax--definition.syntax--string {
             color: @tag;
           }
         }
 
-        .meta.structure.dictionary.value.json {
+        .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json {
             // background-color: orange;
 
-            .string.quoted.json {
+            .syntax--string.syntax--quoted.syntax--json {
               color: @code-font-color;
 
-              .punctuation.definition.string {
+              .syntax--punctuation.syntax--definition.syntax--string {
                 color: @code-font-color;
               }
             }

styles/languages/markdown.less

@@ -1,21 +1,21 @@
 @import "colors";
 
-.gfm {
-  .comment {
+.syntax--gfm {
+  .syntax--comment {
     color: @gray;
   }
-  .support.quote {
+  .syntax--support.syntax--quote {
     color: darken(@gray, 30%);
   }
-  .heading,
-  .bold {
+  .syntax--heading,
+  .syntax--bold {
     color: @green!important;
   }
-  .link,
-  .entity {
+  .syntax--link,
+  .syntax--entity {
     color: @blue;
   }
-  .source {
+  .syntax--source {
     color: lighten(@purple, 20%);
   }
 }

styles/languages/mustache.less

@@ -1,11 +1,11 @@
 @import "colors";
 
-.mustache {
+.syntax--mustache {
 
-  .meta.tag.template {
+  .syntax--meta.syntax--tag.syntax--template {
     color: @green;
 
-    .entity.name.tag {
+    .syntax--entity.syntax--name.syntax--tag {
       color: lighten(@green, 20%);
     }
 

styles/languages/styles.less

@@ -1,24 +1,24 @@
 @import "colors";
 
-.css {
-  .entity.name.tag {
+.syntax--css {
+  .syntax--entity.syntax--name.syntax--tag {
     color: @keyword;
   }
-  .support.type.property-name {
+  .syntax--support.syntax--type.syntax--property-name {
     color: @entity;
   }
-  .punctuation.definition,
-  .punctuation.separator.operator,
-  .entity.other.attribute-name.pseudo-class {
+  .syntax--punctuation.syntax--definition,
+  .syntax--punctuation.syntax--separator.syntax--operator,
+  .syntax--entity.syntax--other.syntax--attribute-name.syntax--pseudo-class {
     color: lighten(@keyword, 20%);
   }
-  .meta.selector {
+  .syntax--meta.syntax--selector {
     color: lighten(@keyword, 30%);
   }
 }
 
-.less {
-  .punctuation.definition.comment {
+.syntax--less {
+  .syntax--punctuation.syntax--definition.syntax--comment {
     color: @comment;
   }
 }

styles/languages/yaml.less

@@ -1,16 +1,16 @@
 @import "colors";
 
-.yaml {
-  .entity.name.tag {
+.syntax--yaml {
+  .syntax--entity.syntax--name.syntax--tag {
     color: @silver;
   }
-  .string {
+  .syntax--string {
     color: @gray;
   }
-  .punctuation.definition.entry {
+  .syntax--punctuation.syntax--definition.syntax--entry {
     color: @green;
   }
-  .numeric {
+  .syntax--numeric {
     color: @green;
   }
 }

styles/syntax-variables.less

@@ -1,7 +1,7 @@
 @import "colors";
 
 // This defines all syntax variables that syntax themes must implement when they
-// include a syntax-variables.less file.
+// include a syntax-variables.syntax--less file.
 
 // General colors
 @syntax-text-color: @code-font-color;