feat: Also use highlight style (#241)

The exports in `@codemirror/theme-one-dark` consist of two variables in an array, which
makes up the extension:

https://github.com/codemirror/theme-one-dark/blob/3f6f4e7ec22588df0e8c2777d8ce92889ce811b6/src/one-dark.ts#L134

Author: karlhorky

src/useCodeMirror.ts

@@ -3,7 +3,7 @@ import { basicSetup as defaultBasicSetup } from '@codemirror/basic-setup';
 import { EditorState, StateEffect } from '@codemirror/state';
 import { indentWithTab as defaultIndentWithTab } from '@codemirror/commands';
 import { EditorView, keymap, ViewUpdate, placeholder as extendPlaceholder } from '@codemirror/view';
-import { oneDarkTheme } from '@codemirror/theme-one-dark';
+import { oneDark } from '@codemirror/theme-one-dark';
 import { ReactCodeMirrorProps } from './';
 import { defaultLightThemeOption } from './theme/light';
 
@@ -69,7 +69,7 @@ export function useCodeMirror(props: UseCodeMirror) {
       getExtensions.push(defaultLightThemeOption);
       break;
     case 'dark':
-      getExtensions.push(oneDarkTheme);
+      getExtensions.push(oneDark);
       break;
     default:
       getExtensions.push(theme);