Mildly adjust colors in light and dark code editing themes

catarak · catarak · commit 3b62c3b3a7fa · 2020-04-27T19:01:15.000-04:00
diff --git a/client/styles/components/_p5-dark-codemirror-theme.scss b/client/styles/components/_p5-dark-codemirror-theme.scss
@@ -14,7 +14,7 @@ $p5-dark-lightbrown: #A67F59;
 $p5-light-green: #42F48F;
 $p5-dark-black: #1C1C1C;
 $p5-dark-pink: #DE4A9B;
-$p5-dark-gray: #999999;
+$p5-dark-gray: #9B9B9B;
 $p5-dark-lightblue: #0F9DD7;
 $p5-dark-darkblue: #318094;
 $p5-dark-white: #FDFDFD;
diff --git a/client/styles/components/_p5-light-codemirror-theme.scss b/client/styles/components/_p5-light-codemirror-theme.scss
@@ -10,18 +10,16 @@
 //light gray: #f4f4f4
 //dark gray: #b5b5b5
 
-$p5-light-lightbrown: #7a5a3a;
-$p5-light-brown: #704F21;
+$p5-light-brown: #7A5A3A;
 $p5-light-black: #333333;
-$p5-light-pink: #CA445F;
+$p5-light-pink: #D52889;
 $p5-light-gray: #666;
-$p5-light-lightblue: #007bbb;
-$p5-light-darkblue: #306bb4;
-$p5-light-white: #FDFDFD;
-$p5-light-orange: #9E6700;
-$p5-light-lightgray: #E0D7D1;
-$p5-light-darkgray: #666666;
-$p5-light-green: #008007;
+$p5-light-blue: #0B7CA9;
+$p5-light-white: $lighter;
+$p5-light-orange: #A06801;
+$p5-light-lightgray: $middle-gray;
+$p5-light-green: #47820A;
+
 
 $p5-light-gutter: #f4f4f4;
 $p5-light-number: #b5b5b5;
@@ -34,11 +32,11 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light span .cm-comment {
-  color: $p5-light-gray;
+  color: $p5-light-lightgray;
 }
 
 .cm-s-p5-light span .cm-def {
-  color: $p5-light-lightblue;
+  color: $p5-light-blue;
 }
 
 .cm-s-p5-light span .cm-string {
@@ -58,7 +56,7 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light span .cm-variable {
-  color: $p5-light-lightblue;
+  color: $p5-light-blue;
 }
 
 .cm-s-p5-light span .cm-variable2 {
@@ -74,7 +72,7 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light span .cm-operator {
-  color: $p5-light-lightbrown;
+  color: $p5-light-brown;
 }
 
 .cm-s-p5-light .cm-linenumber {
@@ -105,23 +103,23 @@ $p5-light-activeline: rgb(207, 207, 207);
 }
 
 .cm-s-p5-light span .cm-qualifier {
-  color: $p5-light-lightblue;
+  color: $p5-light-blue;
 }
 
 .cm-s-p5-light span .cm-tag {
   color: $p5-light-pink;
 }
 
 .cm-s-p5-light span .cm-builtin {
-  color: $p5-light-lightblue;
+  color: $p5-light-blue;
 }
 
 .cm-s-p5-light span .cm-attribute {
   color: $p5-light-black;
 }
 
 .cm-s-p5-light .cm-p5-function {
-  color: $p5-light-darkblue;
+  color: $p5-light-blue;
   font-weight: bold;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -10,18 +10,16 @@`
`10`	`10`	`//light gray: #f4f4f4`
`11`	`11`	`//dark gray: #b5b5b5`
`12`	`12`
`13`		`-$p5-light-lightbrown: #7a5a3a;`
`14`		`-$p5-light-brown: #704F21;`
	`13`	`+$p5-light-brown: #7A5A3A;`
`15`	`14`	`$p5-light-black: #333333;`
`16`		`-$p5-light-pink: #CA445F;`
	`15`	`+$p5-light-pink: #D52889;`
`17`	`16`	`$p5-light-gray: #666;`
`18`		`-$p5-light-lightblue: #007bbb;`
`19`		`-$p5-light-darkblue: #306bb4;`
`20`		`-$p5-light-white: #FDFDFD;`
`21`		`-$p5-light-orange: #9E6700;`
`22`		`-$p5-light-lightgray: #E0D7D1;`
`23`		`-$p5-light-darkgray: #666666;`
`24`		`-$p5-light-green: #008007;`
	`17`	`+$p5-light-blue: #0B7CA9;`
	`18`	`+$p5-light-white: $lighter;`
	`19`	`+$p5-light-orange: #A06801;`
	`20`	`+$p5-light-lightgray: $middle-gray;`
	`21`	`+$p5-light-green: #47820A;`
	`22`	`+`
`25`	`23`
`26`	`24`	`$p5-light-gutter: #f4f4f4;`
`27`	`25`	`$p5-light-number: #b5b5b5;`
`@@ -34,11 +32,11 @@ $p5-light-activeline: rgb(207, 207, 207);`
`34`	`32`	`}`
`35`	`33`
`36`	`34`	`.cm-s-p5-light span .cm-comment {`
`37`		`- color: $p5-light-gray;`
	`35`	`+ color: $p5-light-lightgray;`
`38`	`36`	`}`
`39`	`37`
`40`	`38`	`.cm-s-p5-light span .cm-def {`
`41`		`- color: $p5-light-lightblue;`
	`39`	`+ color: $p5-light-blue;`
`42`	`40`	`}`
`43`	`41`
`44`	`42`	`.cm-s-p5-light span .cm-string {`
`@@ -58,7 +56,7 @@ $p5-light-activeline: rgb(207, 207, 207);`
`58`	`56`	`}`
`59`	`57`
`60`	`58`	`.cm-s-p5-light span .cm-variable {`
`61`		`- color: $p5-light-lightblue;`
	`59`	`+ color: $p5-light-blue;`
`62`	`60`	`}`
`63`	`61`
`64`	`62`	`.cm-s-p5-light span .cm-variable2 {`
`@@ -74,7 +72,7 @@ $p5-light-activeline: rgb(207, 207, 207);`
`74`	`72`	`}`
`75`	`73`
`76`	`74`	`.cm-s-p5-light span .cm-operator {`
`77`		`- color: $p5-light-lightbrown;`
	`75`	`+ color: $p5-light-brown;`
`78`	`76`	`}`
`79`	`77`
`80`	`78`	`.cm-s-p5-light .cm-linenumber {`
`@@ -105,23 +103,23 @@ $p5-light-activeline: rgb(207, 207, 207);`
`105`	`103`	`}`
`106`	`104`
`107`	`105`	`.cm-s-p5-light span .cm-qualifier {`
`108`		`- color: $p5-light-lightblue;`
	`106`	`+ color: $p5-light-blue;`
`109`	`107`	`}`
`110`	`108`
`111`	`109`	`.cm-s-p5-light span .cm-tag {`
`112`	`110`	`color: $p5-light-pink;`
`113`	`111`	`}`
`114`	`112`
`115`	`113`	`.cm-s-p5-light span .cm-builtin {`
`116`		`- color: $p5-light-lightblue;`
	`114`	`+ color: $p5-light-blue;`
`117`	`115`	`}`
`118`	`116`
`119`	`117`	`.cm-s-p5-light span .cm-attribute {`
`120`	`118`	`color: $p5-light-black;`
`121`	`119`	`}`
`122`	`120`
`123`	`121`	`.cm-s-p5-light .cm-p5-function {`
`124`		`- color: $p5-light-darkblue;`
	`122`	`+ color: $p5-light-blue;`
`125`	`123`	`font-weight: bold;`
`126`	`124`	`}`
`127`	`125`