add theme

src/components/graph/FunctionNode.tsx

@@ -2,6 +2,7 @@ import React, { memo, useCallback, useContext, useEffect, useMemo, useRef, useSt
 import CodeMirror from '@uiw/react-codemirror'
 import { javascript } from '@codemirror/lang-javascript'
 import FlowContext from '../../lib/flowContext'
+import { useTheme } from '../../lib/themeContext'
 import {
     BaseNode,
     BaseNodeContent,
@@ -23,6 +24,7 @@ return args[0];
 
 export const FunctionNode = memo(function FunctionNode({ id, data }: Props) {
     const [value, setValue] = useState<string>(data?.body ?? DEFAULT_BODY)
+    const { theme } = useTheme()
     const ctx = useContext(FlowContext)
     const setNodes = ctx?.setNodes
 
@@ -66,6 +68,7 @@ export const FunctionNode = memo(function FunctionNode({ id, data }: Props) {
                     <CodeMirror
                         value={value}
                         height="120px"
+                        theme={theme}
                         extensions={extensions}
                         onChange={onChange}
                         basicSetup={{ lineNumbers: true, foldGutter: false }}