use theme styles

Author: ShMcK

CHANGELOG.md

@@ -24,3 +24,5 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [0.5.4] - coming soon
 - fix bug that prevented scroll in Atom 1.6+
+- `< >` button to open console
+- match colors to theme

lib/atom/editor.js

@@ -101,7 +101,7 @@ function toggleDevTools() {
     if (!consoleHasOpened) {
         atom.executeJavaScriptInDevTools(console.clear());
         consoleHasOpened = true;
-        console.log('Atom-CodeRoad: file runs on save');
+        console.log('Atom-CodeRoad: runs on save');
     }
     atom.toggleDevTools();
 }

src/components/_app.less

@@ -6,9 +6,13 @@
 @import './alert/_alert';
 @import './start/_start';
 
+@import "ui-variables";
+@import "ui-mixins";
+
 atom-panel-container > atom-panel > #crv {
   animation: slide 0.3s forwards;
   animation-timing-function: ease-in-out;
+  font-size: @input-font-size;
 }
 
 @keyframes slide {
@@ -23,7 +27,8 @@ atom-panel-container > atom-panel > #crv {
   overflow-y: scroll;
 
   code {
-    background-color: rgb(22, 23, 25);
+    background-color:  @input-background-color;
+    border-radius: @component-border-radius;
   }
 }
 

src/components/alert/_alert.less

@@ -1,25 +1,23 @@
-@pass: rgb(115, 201, 144);
-@fail: rgb(255, 64, 129);
-@note: #9DA5B4;
+@import "ui-variables";
 
 .cr-alert.pass {
   button {
     span {
-      color: @pass;
+      color: @background-color-success;
     }
   }
 }
 .cr-alert.fail {
   button {
     span {
-      color: @fail;
+      color: @background-color-error;
     }
   }
 }
 .cr-alert.note {
   button {
     span {
-      color: @note;
+      color: @background-color-info;
     }
   }
 }

styles/styles.css

@@ -0,0 +1 @@
+@import '../src/components/_app';