How do I use CSS prism themes?

Current behaviour

When I use vsc-dark-plus, I can make sure that all torkens have the proper color except for the background.

Expected behaviour

May this line be removed?

https://github.com/satya164/react-simple-code-editor/blob/73b57bf4d548257890f9ed0ee83ee37ec099b256/src/index.js#L625

Code sample

require('./prism-vsc-dark-plus.css')
export default function Editor(){
  return <SimpleEditor
				value={'<Button />'}
				highlight={highlight(isVueSFC ? 'html' : 'jsx')}
				// Padding should be passed via a prop (not CSS) for a proper
				// cursor position calculation
				padding={space[2]}
				// to make sure the css styles for prism are taken into account
				preClassName={'language-jsx'}
			/>
}

Screenshots (if applicable)

Sandbox

https://codesandbox.io/s/suspicious-flower-5rl8e

Your Environment

software	version
react-simple-code-editor	0.11.0
react	16
npm or yarn	yarn
node	11
browser	Firefox & Chrome

[satya164]

The background is set to none because without it the cursor in the textarea below will be covered by the background and won’t be visible. You need to set the background color on the container instead of the pre.

[SeongwoonHong]

@elevatebart would you be able to share how you are able to solve it in more details please 😃