set default background color for editors (#2528)

graphql · Jul 13, 2022 · 1ea40a1 · 1ea40a1
1 parent d3d8262
commit 1ea40a1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/.changeset/serious-actors-accept.md b/.changeset/serious-actors-accept.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+Set background color for editor to white by default
diff --git a/packages/graphiql-react/src/editor/style/codemirror.css b/packages/graphiql-react/src/editor/style/codemirror.css
@@ -12,11 +12,11 @@
   font-family: var(--font-family-mono);
 }
 
-/* Reset any background color */
+/* Set default background color */
 .CodeMirror,
 .CodeMirror-gutters {
   background: none;
-  background-color: transparent;
+  background-color: var(--color-neutral-0);
 }
 
 /* No padding around line number */

diff --git a/packages/graphiql/src/style.css b/packages/graphiql/src/style.css
@@ -17,9 +17,6 @@
   flex: 1;
   flex-direction: column;
 }
-.graphiql-container .graphiql-editors .CodeMirror-gutters {
-  background-color: var(--color-neutral-0);
-}
 
 /* The response view */
 .graphiql-container .graphiql-response {