Use the same colors for VariableEditor

Author: hasparus

src/components/interactive-code-block/variable-editor.tsx

@@ -3,7 +3,8 @@ import { EditorView } from "@codemirror/view"
 import { EditorState } from "@codemirror/state"
 import { json } from "@codemirror/lang-json"
 import { history } from "@codemirror/commands"
-import { syntaxHighlighting, defaultHighlightStyle } from "@codemirror/language"
+import { syntaxHighlighting } from "@codemirror/language"
+import { codeMirrorThemeExtension } from "./codemirror-theme"
 
 interface VariableEditorProps {
   value: string
@@ -49,7 +50,7 @@ export class VariableEditor extends Component<VariableEditorProps> {
       extensions: [
         history(),
         json(),
-        syntaxHighlighting(defaultHighlightStyle),
+        codeMirrorThemeExtension,
         EditorView.updateListener.of(update => {
           if (update.docChanged && !this.ignoreChangeEvent) {
             this.cachedValue = update.state.doc.toString()