increase REPL contrast

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "3.0.0-alpha7",
+  "version": "3.0.0-alpha8",
   "description": "The magical disappearing UI framework",
   "module": "index.mjs",
   "main": "index.js",

site/src/routes/repl/_components/codemirror.css

@@ -3,12 +3,12 @@
 .CodeMirror {
 	/* copied colors over from prism */
 	--background: var(--back-light);
-	--base:       #9b978b;
+	--base:       hsl(45, 7%, 45%);
-	--comment:    #afbfcf;
+	--comment:    hsl(210, 25%, 60%);
-	--keyword:    #5ba3d3;
+	--keyword:    hsl(204, 58%, 45%);
-	--function:   #db794b;
+	--function:   hsl(19, 67%, 45%);
-	--string:     #b69b61;
+	--string:     hsl(41, 37%, 45%);
-	--number:     #86af75;
+	--number:     hsl(102, 27%, 50%);
 	--tags:       var(--function);
 	--important:  var(--string);
 
@@ -35,7 +35,7 @@
 
 .CodeMirror-gutters {
   border-right: 1px solid #ddd;
-  background-color: #f7f7f7;
+  background-color: var(--back-light);
   white-space: nowrap;
 }
 .CodeMirror-linenumber {

site/static/global.css

@@ -77,7 +77,7 @@ a:focus {
 /*	theme vars ----------------------------- */
 .theme-default {
 	--back:       #ffffff;
-	--back-light: #f6f7f8;
+	--back-light: #fbfcfd;
 	--prime:      #ff3e00;
 	--second:     #676778;
 	--flash:       #40b3ff;

site/static/prism.css

@@ -7,12 +7,12 @@
 /*	colors --------------------------------- */
 pre[class*='language-'] {
 	--background: var(--back-light);
-	--base:       #9b978b;
+	--base:       hsl(45, 7%, 45%);
-	--comment:    #afbfcf;
+	--comment:    hsl(210, 25%, 60%);
-	--keyword:    #5ba3d3;
+	--keyword:    hsl(204, 58%, 45%);
-	--function:   #db794b;
+	--function:   hsl(19, 67%, 45%);
-	--string:     #b69b61;
+	--string:     hsl(41, 37%, 45%);
-	--number:     #86af75;
+	--number:     hsl(102, 27%, 50%);
 	--tags:       var(--function);
 	--important:  var(--string);
 }