fix: Adjust colours of CodeMirror "Find" dialog on "light" background. (

#1051) addressing apollographql/apollo-server#2117
graphql · Apr 4, 2021 · 615b1ae · 615b1ae
1 parent 9f5f340
commit 615b1ae
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/graphql-playground-react/src/components/Playground/EditorWrapper.tsx b/packages/graphql-playground-react/src/components/Playground/EditorWrapper.tsx
@@ -611,6 +611,15 @@ const EditorWrapper = styled.div`
     width: 20em;
   }
 
+  .CodeMirror-dialog span.CodeMirror-search-label {
+    color: ${p => p.theme.colours.text};
+  }
+
+  .CodeMirror-dialog input.CodeMirror-search-field {
+    color: ${p => p.theme.colours.text};
+    background: ${p => p.theme.colours.background};
+  }
+
   .CodeMirror-dialog button {
     font-size: 70%;
   }