message: Docs on using custom CodeMirror themes
diff: @@ -96,6 +96,8 @@ GraphiQL supports customization in UI and behavior by accepting React props and
  - `getDefaultFieldNames`: an optional function used to provide default fields to non-leaf fields which invalidly lack a selection set. Accepts a GraphQLType instance and returns an array of field names. If not provided, a default behavior will be used.
  +- `codeMirrorTheme`: an optional string of a CodeMirror theme that should be applied to the `QueryEditor`, `ResultViewer`, and `Variables` panes. Defaults to the `graphiql` theme. See below for full usage.
  +
  **Children:**
  * `<GraphiQL.Logo>`: Replace the GraphiQL logo with your own.
  @@ -203,6 +205,20 @@ class CustomGraphiQL extends React.Component {
  }
  ```
  +### Applying a CodeMirror Theme
  +
  +In order to theme the editor portions of the interface, you can supply a `codeMirrorTheme` prop. You'll also need to load the appropriate css for the theme (similar to loading the CSS for this project) in order for your theme to function properly. [See the themes available here](https://codemirror.net/demo/theme.html).
  +
  +
  +```js
  +// In your html
  +<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.23.0/theme/solarized.css" />
  +
  +// In your GraphiQL JSX
  +<GraphiQL
  + codeMirrorTheme: "solarized"
  +/>
  +```
  ### Query Samples
  