Move folding colors to syntax stylesheets

Switch the light syntax folding color to an orange
instead of the pink which look washed out on a light
background.

static/editor.css

@@ -61,14 +61,13 @@
   content: '\f078';
   font-family: 'Octicons Regular';
   -webkit-font-smoothing: antialiased;
-  color: #fba0e3;
+  opacity: .8;
   visibility: hidden;
 }
 
 .editor .fold-marker:after {
   content: '\f09a';
   opacity: .8;
-  color: #fba0e3;
   padding-left: .2em;
   font-family: 'Octicons Regular';
   -webkit-font-smoothing: antialiased;
@@ -76,7 +75,7 @@
   top: 2px;
 }
 
-.editor .line.cursor-line .fold-marker {
+.editor .line.cursor-line .fold-marker:after {
   opacity: 1;
 }
 

themes/atom-dark-syntax.css

@@ -3,6 +3,12 @@
   color: #c5c8c6;
 }
 
+.editor .gutter .line-number.fold,
+.editor .gutter .line-number:after,
+.editor .fold-marker:after {
+  color: #fba0e3;
+}
+
 .editor .invisible {
   color: #c5c8c6;
 }

themes/atom-dark-ui/editor.css

@@ -18,8 +18,3 @@
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: 1;
 }
-
-.editor .gutter .line-number.fold {
-  color: #fba0e3;
-  opacity: .8;
-}

themes/atom-light-syntax.css

@@ -3,6 +3,12 @@
   color: #555;
 }
 
+.editor .gutter .line-number.fold,
+.editor .gutter .line-number:after,
+.editor .fold-marker:after {
+  color: #e87b00;
+}
+
 .editor .invisible {
   color: #555;
 }

themes/atom-light-ui/editor.css

@@ -24,8 +24,3 @@
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: 1;
 }
-
-.editor .gutter .line-number.fold {
-  color: #fba0e3;
-  opacity: .8;
-}