Skip to content

Commit 615b1ae

Browse files
authored
fix: Adjust colours of CodeMirror "Find" dialog on "light" background. (#1051)
addressing apollographql/apollo-server#2117
1 parent 9f5f340 commit 615b1ae

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

packages/graphql-playground-react/src/components/Playground/EditorWrapper.tsx

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -611,6 +611,15 @@ const EditorWrapper = styled.div`
611611
width: 20em;
612612
}
613613
614+
.CodeMirror-dialog span.CodeMirror-search-label {
615+
color: ${p => p.theme.colours.text};
616+
}
617+
618+
.CodeMirror-dialog input.CodeMirror-search-field {
619+
color: ${p => p.theme.colours.text};
620+
background: ${p => p.theme.colours.background};
621+
}
622+
614623
.CodeMirror-dialog button {
615624
font-size: 70%;
616625
}

0 commit comments

Comments
 (0)