question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to use themes with codemirror 6?

See original GitHub issue

Hello, how do I use themes with codemirror 6?

I tried this but it does not change visual

import GraphiQLComponent from 'graphiql';
import React from 'react';

const graphQLFetcher = ...

export const GraphiQL: React.FC = () => (
  <GraphiQLComponent
    fetcher={graphQLFetcher}
    editorTheme="material"
  />
);

Issue Analytics

  • State:open
  • Created a year ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
acaocommented, Jun 9, 2022

For the time being, yes. codemirror-graphql ships with support for both, but graphiql sets a hard dependency on CM 5 for now.

CC @thomasheyenbrock @imolorhe @yoshiakis I think this would be a good candidate for the 2.x graphiql, and then for 3.x we support either just monaco or both

1reaction
ysulymacommented, Jul 22, 2022

I’d be interested in implementing CM6 support—is help still needed with this? If so, if there already partial work towards it, or any gotchas to be aware of?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Example: Styling - CodeMirror
Themes are simply extensions that tell the editor to mount an additional style module and add the (generated) class name that enables those...
Read more >
craftzdog/cm6-themes: Themes for CodeMirror 6 - GitHub
Available themes · Basic Light · Basic Dark · Solarized Light · Solarized Dark · Material Dark · Nord · Gruvbox Light ·...
Read more >
Themes for CodeMirror 6
You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll...
Read more >
Styling CodeMirror v6 with Material UI | #DevLog 005 - YouTube
Added custom styling to CodeMirror v6 using CodeMirror extensions and Material UI's theme object.
Read more >
Styling CodeMirror v6 with Material UI | DevLog 005
... CodeMirror v6 using CodeMirror extensions and Material UI's theme object. ... CodeMirror 6 has a straightforward way of modifying the highlight style....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found