From bacf2ccc350b95dacbb12caf8137aeb5df5ea476 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Sat, 22 Dec 2018 11:58:44 -0500
Subject: [PATCH] increase REPL contrast

---
 package.json                                    |  2 +-
 site/src/routes/repl/_components/codemirror.css | 14 +++++++-------
 site/static/global.css                          |  2 +-
 site/static/prism.css                           | 12 ++++++------
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 527c8a9d00..0f43ed0019 100644
--- a/package.json
+++ b/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",
diff --git a/site/src/routes/repl/_components/codemirror.css b/site/src/routes/repl/_components/codemirror.css
index 299c1b444f..e573122457 100644
--- a/site/src/routes/repl/_components/codemirror.css
+++ b/site/src/routes/repl/_components/codemirror.css
@@ -3,12 +3,12 @@
 .CodeMirror {
 	/* copied colors over from prism */
 	--background: var(--back-light);
-	--base:       #9b978b;
-	--comment:    #afbfcf;
-	--keyword:    #5ba3d3;
-	--function:   #db794b;
-	--string:     #b69b61;
-	--number:     #86af75;
+	--base:       hsl(45, 7%, 45%);
+	--comment:    hsl(210, 25%, 60%);
+	--keyword:    hsl(204, 58%, 45%);
+	--function:   hsl(19, 67%, 45%);
+	--string:     hsl(41, 37%, 45%);
+	--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 {
diff --git a/site/static/global.css b/site/static/global.css
index 7e7daf2309..981823c77d 100644
--- a/site/static/global.css
+++ b/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;
diff --git a/site/static/prism.css b/site/static/prism.css
index a16f296afc..4b7f86c4a4 100644
--- a/site/static/prism.css
+++ b/site/static/prism.css
@@ -7,12 +7,12 @@
 /*	colors --------------------------------- */
 pre[class*='language-'] {
 	--background: var(--back-light);
-	--base:       #9b978b;
-	--comment:    #afbfcf;
-	--keyword:    #5ba3d3;
-	--function:   #db794b;
-	--string:     #b69b61;
-	--number:     #86af75;
+	--base:       hsl(45, 7%, 45%);
+	--comment:    hsl(210, 25%, 60%);
+	--keyword:    hsl(204, 58%, 45%);
+	--function:   hsl(19, 67%, 45%);
+	--string:     hsl(41, 37%, 45%);
+	--number:     hsl(102, 27%, 50%);
 	--tags:       var(--function);
 	--important:  var(--string);
 }