From 0d46780695f386222b61670dcc3c9d79784ef391 Mon Sep 17 00:00:00 2001
From: Remco Haszing <remcohaszing@gmail.com>
Date: Mon, 9 Aug 2021 21:41:46 +0200
Subject: [PATCH] Set the editor background while loading
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The colors match the editor background color that’s displayed when the
editor is loaded.
---
 examples/webpack/src/index.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/examples/webpack/src/index.css b/examples/webpack/src/index.css
index e17e96f..d37986f 100644
--- a/examples/webpack/src/index.css
+++ b/examples/webpack/src/index.css
@@ -1,5 +1,6 @@
 :root {
   --background-color: hsl(0, 0%, 96%);
+  --editor-background: hsl(60, 100%, 100%);
   --primary-color: hsl(189, 100%, 63%);
   --shadow-color: hsla(0, 0%, 27%, 0.239);
 }
@@ -7,6 +8,7 @@
 @media (prefers-color-scheme: dark) {
   :root {
     --background-color: hsl(0, 0%, 23%);
+    --editor-background: hsl(0, 0%, 12%);
     --shadow-color: hsl(0, 0%, 43%);
   }
 }
@@ -50,6 +52,7 @@ nav {
 }
 
 #editor {
+  background: var(--editor-background);
   height: 100%;
   box-shadow: 0 0 10px var(--shadow-color);
 }