From feeffb0faea5eac98ab705edea91583dbbba6c98 Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Wed, 21 Sep 2016 00:52:47 -0400
Subject: [PATCH] make changes to light theme based on design review

---
 .../_p5-light-codemirror-theme.scss           | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/client/styles/components/_p5-light-codemirror-theme.scss b/client/styles/components/_p5-light-codemirror-theme.scss
index 57e36dba..9b19d8a8 100644
--- a/client/styles/components/_p5-light-codemirror-theme.scss
+++ b/client/styles/components/_p5-light-codemirror-theme.scss
@@ -10,16 +10,21 @@
 //light gray: #f4f4f4
 //dark gray: #b5b5b5
 
-$p5-light-brown: #6C4D13;
+$p5-light-lightbrown: #A67F59;
+$p5-light-brown: #704F21;
 $p5-light-black: #333;
 $p5-light-blue: #0F9DD7;
 $p5-light-pink: #D9328F;
-$p5-light-gray: #999999;
-$p5-light-darkblue: #318094;
+$p5-light-gray: #A0A0A0;
+$p5-light-lightblue: #00A1D3;
+$p5-light-darkblue: #2D7BB6;
 $p5-light-white: #FDFDFD;
+$p5-light-orange: #EE9900;
+$p5-light-lightgray: #E0D7D1;
+$p5-light-darkgray: #666666;
 
-$p5-light-lightgray: #f4f4f4;
-$p5-light-darkgray: #b5b5b5;
+$p5-light-gutter: #f4f4f4;
+$p5-light-number: #b5b5b5;
 $p5-light-selected: rgba(45, 123, 182, 25);
 $p5-light-activeline: rgb(207, 207, 207);
 
@@ -33,15 +38,15 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light .cm-def {
-  color: $p5-light-blue;
+  color: $p5-light-darkblue;
 }
 
 .cm-s-p5-light .cm-string {
-  color: $p5-light-blue;
+  color: $p5-light-lightblue;
 }
 
 .cm-s-p5-light .cm-string-2 {
-  color: $p5-light-pink;
+  color: $p5-light-orange;
 }
 
 .cm-s-p5-light .cm-number {
@@ -53,7 +58,7 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light .cm-variable {
-  color: $p5-light-blue;
+  color: $p5-light-lightblue;
 }
 
 .cm-s-p5-light .cm-variable-2 {
@@ -69,11 +74,11 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light .cm-operator {
-  color: $p5-light-black;
+  color: $p5-light-lightbrown;
 }
 
 .cm-s-p5-light .cm-linenumber {
-  color: $p5-light-darkgray;
+  color: $p5-light-number;
 }
 
 .cm-s-p5-light .CodeMirror-selected {
@@ -94,22 +99,22 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light .CodeMirror-matchingbracket {
-  outline: 1px solid $p5-light-darkgray;
+  outline: 1px solid $p5-light-number;
   color: black !important;
 }
 
 .cm-s-p5-light .cm-qualifier {
-  color: $p5-light-blue;
+  color: $p5-light-lightblue;
 }
 
 .cm-s-p5-light .cm-tag {
-  color: $p5-light-brown;
+  color: $p5-light-pink;
 }
 
 .cm-s-p5-light .cm-builtin {
-  color: $p5-light-blue;
+  color: $p5-light-lightblue;
 }
 
 .cm-s-p5-light .cm-attribute {
-  color: $p5-light-darkblue;
+  color: $p5-light-lightblue;
 }