[#1519] Update selection highlight colors

catarak · catarak · commit 10ee0aff2ea5 · 2020-11-05T17:53:05.000-05:00
diff --git a/client/styles/abstracts/_variables.scss b/client/styles/abstracts/_variables.scss
@@ -2,11 +2,8 @@ $base-font-size: 12;
 
 //colors
 $p5js-pink: #ed225d;
-$p5js-pink-opacity: #ed225d66;
-$pink-contrast-opacity: #ed225ba4;
+$p5js-pink-opacity: #ed225d80;
 $processing-blue: #007BBB;
-$processing-blue-opacity: #007BBB66;
-$orange-contrast-opacity: #ffee009a;
 $p5js-active-pink: #f10046;
 $white: #fff;
 $black: #000;
diff --git a/client/styles/components/_p5-contrast-codemirror-theme.scss b/client/styles/components/_p5-contrast-codemirror-theme.scss
@@ -137,9 +137,11 @@ $p5-contrast-activeline: #999999;
 }
 
 .cm-s-p5-contrast .cm-searching {
-  background-color: $pink-contrast-opacity;  
+  // background-color: $p5js-pink-opacity;
+  background-color: $medium-dark;
 }
 
-.cm-s-p5-contrast .CodeMirror-selectedtext {
-  background-color: $orange-contrast-opacity;
+.cm-s-p5-contrast .cm-searching.CodeMirror-selectedtext {
+  // background-color: $medium-dark;
+  outline: #{1 / $base-font-size}rem solid $p5-contrast-white;
 }

Original file line number	Diff line number	Diff line change
`@@ -137,9 +137,11 @@ $p5-contrast-activeline: #999999;`
`137`	`137`	`}`
`138`	`138`
`139`	`139`	`.cm-s-p5-contrast .cm-searching {`
`140`		`- background-color: $pink-contrast-opacity;`
	`140`	`+ // background-color: $p5js-pink-opacity;`
	`141`	`+ background-color: $medium-dark;`
`141`	`142`	`}`
`142`	`143`
`143`		`-.cm-s-p5-contrast .CodeMirror-selectedtext {`
`144`		`- background-color: $orange-contrast-opacity;`
	`144`	`+.cm-s-p5-contrast .cm-searching.CodeMirror-selectedtext {`
	`145`	`+ // background-color: $medium-dark;`
	`146`	`+ outline: #{1 / $base-font-size}rem solid $p5-contrast-white;`
`145`	`147`	`}`