set default background colors via css variables (#2530)

graphql · Aug 24, 2022 · 6cf88e2 · 6cf88e2
1 parent 91890d3
commit 6cf88e2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/graphiql-react/src/editor/style/codemirror.css b/packages/graphiql-react/src/editor/style/codemirror.css
@@ -16,7 +16,7 @@
 .CodeMirror,
 .CodeMirror-gutters {
   background: none;
-  background-color: var(--color-neutral-0);
+  background-color: var(--editor-background, var(--color-neutral-0));
 }
 
 /* No padding around line number */

diff --git a/packages/graphiql/src/css/app.css b/packages/graphiql/src/css/app.css
@@ -121,6 +121,7 @@
 }
 
 .graphiql-container .result-window {
+  --editor-background: var(--color-neutral-7);
   flex: 1;
   height: 100%;
   position: relative;