fixed linting issues

Author: elit-altum

client/styles/abstracts/_variables.scss

@@ -9,7 +9,7 @@ $orange: #ffa500;
 $red: #ff0000;
 $lightsteelblue: #B0C4DE;
 $dodgerblue: #1E90FF;
-$icon-color: #8b8b8b;
+$icon-color: #666;
 $icon-hover-color: #333;
 $p5-contrast-pink: #FFA9D9;
 
@@ -28,8 +28,8 @@ $themes: (
     dropzone-text-color: #333,
     modal-button-color: #333,
     heading-text-color: #333,
-    secondary-text-color: #a8a8a8,
-    inactive-text-color: #b5b5b5,
+    secondary-text-color: #666,
+    inactive-text-color: #666,
     background-color: #fbfbfb,
     preview-placeholder-color: #dcdcdc,
     button-background-color: #f4f4f4,
@@ -53,7 +53,7 @@ $themes: (
     console-background-color: #eee,
     console-color: $white,
     console-header-background-color: #d6d6d6,
-    console-header-color: #b1b1b1,
+    console-header-color: #1c1c1c,
     console-info-background-color: $lightsteelblue,
     console-warn-background-color: $orange,
     console-debug-background-color: $dodgerblue,

client/styles/components/_p5-light-codemirror-theme.scss

@@ -10,18 +10,18 @@
 //light gray: #f4f4f4
 //dark gray: #b5b5b5
 
-$p5-light-lightbrown: #A67F59;
+$p5-light-lightbrown: #7a5a3a;
 $p5-light-brown: #704F21;
 $p5-light-black: #333333;
-$p5-light-pink: #D9328F;
-$p5-light-gray: #A0A0A0;
-$p5-light-lightblue: #00A1D3;
-$p5-light-darkblue: #2D7BB6;
+$p5-light-pink: #be3652;
+$p5-light-gray: #666;
+$p5-light-lightblue: #007bbb;
+$p5-light-darkblue: #306bb4;
 $p5-light-white: #FDFDFD;
 $p5-light-orange: #EE9900;
 $p5-light-lightgray: #E0D7D1;
 $p5-light-darkgray: #666666;
-$p5-light-green: #58a10b;
+$p5-light-green: #008007;
 
 $p5-light-gutter: #f4f4f4;
 $p5-light-number: #b5b5b5;
@@ -33,55 +33,55 @@ $p5-light-activeline: rgb(207, 207, 207);
   color: $p5-light-black;
 }
 
-.cm-s-p5-light .cm-comment {
+.cm-s-p5-light span .cm-comment {
   color: $p5-light-gray;
 }
 
-.cm-s-p5-light .cm-def {
+.cm-s-p5-light span .cm-def {
   color: $p5-light-lightblue;
 }
 
-.cm-s-p5-light .cm-string {
+.cm-s-p5-light span .cm-string {
   color: $p5-light-green;
 }
 
-.cm-s-p5-light .cm-string-2 {
+.cm-s-p5-light span .cm-string-2 {
   color: $p5-light-orange;
 }
 
-.cm-s-p5-light .cm-number {
+.cm-s-p5-light span .cm-number {
   color: $p5-light-black;
 }
 
 .cm-s-p5-light .cm-keyword {
   color: $p5-light-brown;
 }
 
-.cm-s-p5-light .cm-variable {
+.cm-s-p5-light span .cm-variable {
   color: $p5-light-lightblue;
 }
 
-.cm-s-p5-light .cm-variable2 {
+.cm-s-p5-light span .cm-variable2 {
   color: $p5-light-black;
 }
 
-.cm-s-p5-light .cm-property {
+.cm-s-p5-light span .cm-property {
   color: $p5-light-black;
 }
 
-.cm-s-p5-light .cm-atom {
+.cm-s-p5-light span .cm-atom {
   color: $p5-light-pink;
 }
 
-.cm-s-p5-light .cm-operator {
+.cm-s-p5-light span .cm-operator {
   color: $p5-light-lightbrown;
 }
 
 .cm-s-p5-light .cm-linenumber {
   color: $p5-light-number;
 }
 
-.cm-s-p5-light .CodeMirror-selected {
+.cm-s-p5-light div .CodeMirror-selected {
   background-color: $p5-light-selected;
 }
 
@@ -97,25 +97,25 @@ $p5-light-activeline: rgb(207, 207, 207);
   color: #f00;
 }
 
-.cm-s-p5-light .CodeMirror-matchingbracket {
+.cm-s-p5-light span .CodeMirror-matchingbracket {
   outline: 1px solid $p5-light-gray;
   outline-offset: 1px;
   color: $p5-light-black !important;
 }
 
-.cm-s-p5-light .cm-qualifier {
+.cm-s-p5-light span .cm-qualifier {
   color: $p5-light-lightblue;
 }
 
-.cm-s-p5-light .cm-tag {
+.cm-s-p5-light span .cm-tag {
   color: $p5-light-pink;
 }
 
-.cm-s-p5-light .cm-builtin {
+.cm-s-p5-light span .cm-builtin {
   color: $p5-light-lightblue;
 }
 
-.cm-s-p5-light .cm-attribute {
+.cm-s-p5-light span .cm-attribute {
   color: $p5-light-black;
 }