Improved code and added new feature

Randagio13 · Mar 24, 2016 · c23da62 · c23da62
1 parent 0c8ea7d
commit c23da62
Show file tree

Hide file tree

Showing 2 changed files with 88 additions and 60 deletions.
diff --git a/styles/base.less b/styles/base.less
@@ -1,8 +1,6 @@
 @import './syntax-variables';
-
 @import './editor';
 @import './language';
-
 @import './languages/cs';
 @import './languages/css';
 @import './languages/gfm';
@@ -14,61 +12,3 @@
 @import './languages/html';
 @import './languages/jsx';
 @import './languages/ts';
-
-atom-text-editor::shadow {
-  .source.js.jsx {
-    & span.constant.other.object.key.js {
-      & span.string.unquoted.js {
-        color: #ff7569;
-      }
-    }
-    & span.meta.function-call.static.with-arguments.js {
-      & span.variable.other.class.js {
-        color: #8e70e4;
-      }
-    }
-    & span.meta.function-call.with-arguments.js{
-      & span.meta.tag.jsx {
-        & span.entity.other.attribute-name.jsx {
-          color: #5db9e4;
-        }
-      }
-    }
-    & span.meta.class.body.js {
-      & span.meta.group.braces.curly {
-        & span.support.type.object.console.js {
-          color: #b11e5b;
-        }
-        & span.support.function.console.js {
-          color: #a389eb;
-        }
-        & span.variable.language.this.js {
-          color: #ee3486;
-        }
-        & span.meta.property.object.js {
-          & span.variable.other.property.js {
-            color: #6ef7f0;
-          }
-        }
-        & span.variable.other.object.js {
-          color: #8e70e4;
-        }
-        & span.variable.other.readwrite.js {
-          color: #83ff6c;
-        }
-      }
-      & span.meta.function.arrow.js {
-        & span.variable.other.readwrite.js {
-          color: #f5b544;
-        }
-      }
-      & span.meta.group.braces.round {
-        & span.meta.tag.jsx {
-          & span.entity.other.attribute-name.jsx {
-            color: #5db9e4;
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/styles/languages/jsx.less b/styles/languages/jsx.less
@@ -1,5 +1,93 @@
 .source.jsx {
+  .meta.group.braces.curly {
+    .support.type.object.console.js {
+      color: #b11e5b;
+    }
+    .support.function.console.js {
+      color: #a389eb;
+    }
+    .variable.language.this.js {
+      color: #ee3486;
+    }
+    .meta.property.object.js {
+      .variable.other.property.js {
+        color: #6ef7f0;
+      }
+    }
+    .variable.other.object.js {
+      color: #8e70e4;
+    }
+    .variable.other.readwrite.js {
+      color: #83ff6c;
+    }
+  }
   .entity.name.tag{
     color: @hue-3;
   }
+  .constant.other.object.key.js {
+    .string.unquoted.js {
+      color: #ff7569;
+    }
+  }
+  .meta.function-call.static.with-arguments.js {
+    .variable.other.class.js {
+      color: #8e70e4;
+    }
+  }
+  .meta.function-call.with-arguments.js{
+    .meta.tag.jsx {
+      .entity.other.attribute-name.jsx {
+        color: #5db9e4;
+      }
+    }
+  }
+  .meta.class.body.js {
+    .meta.group.braces.curly {
+      .support.type.object.console.js {
+        color: #b11e5b;
+      }
+      .support.function.console.js {
+        color: #a389eb;
+      }
+      .variable.language.this.js {
+        color: #ee3486;
+      }
+      .meta.property.class.js {
+        .variable.other.class.js {
+          color: #cdd7f0;
+        }
+        .variable.other.property.static.js {
+          color: #bdc0f9;
+        }
+      }
+      .meta.property.object.js {
+        .variable.other.property.js {
+          color: #6ef7f0;
+        }
+      }
+      .variable.other.object.js {
+        color: #8e70e4;
+      }
+      .variable.other.readwrite.js {
+        color: #83ff6c;
+      }
+      .meta.tag.jsx {
+        .entity.other.attribute-name.jsx {
+          color: #167ed4;
+        }
+      }
+    }
+    .meta.function.arrow.js {
+      .variable.other.readwrite.js {
+        color: #f5b544;
+      }
+    }
+    .meta.group.braces.round {
+      .meta.tag.jsx {
+        .entity.other.attribute-name.jsx {
+          color: #5db9e4;
+        }
+      }
+    }
+  }
 }