Do not hardcode css

[maciejmiklas]

There is hardcoded css import:
import 'jsoneditor/dist/jsoneditor.css';

This makes any css customisation harder. Please remove this import so that we can import css of our choice.

[vaultec81]

I agree! I have found a work around that seems to work for anyone wondering. Passing CSS through htmlElementProps seems to work. But it isn't the best solution obviously.

[PunKHS]

Maybe someone has workaround? I would like to change the .jsoneditor-menu { background-color: #4b4b4b } and cannot do it through htmlElementProps

[vaultec81]

You might be able to go into the CSS code in the node_modules folder, or change the properties of the jsoneditor-menu class through javascript if that's possible.

[SeeThruHead]

can't import any css file in node_modules in next js

[SimonKlausLudwig]

would be great, this adds a ton of css and makes lazy loading of the css really hard.

[NixBiks]

@SeeThruHead I have the same issue. Found a solution?

[SeeThruHead]

no we didn't use this because of the issue

[SimonKlausLudwig]

It should be that hard to exclude the css file right ? Please take this into account..

[KirillSuhodolov]

is it possible to exclude css for next.js apps?

[anavgagneja]

@SeeThruHead did you find an alternative you liked that works with next js?

[amiram]

@anavgagneja this may help https://github.com/tsukhu/jsoneditor-react-ext