diff --git a/packages/ui-default/components/editor/index.tsx b/packages/ui-default/components/editor/index.tsx
index a00757453..ab9c43191 100644
--- a/packages/ui-default/components/editor/index.tsx
+++ b/packages/ui-default/components/editor/index.tsx
@@ -170,6 +170,7 @@ export default class Editor extends DOMAttachedObject {
         codeStyleReverse={false}
         ref={renderCallback}
         modelValue={val}
+        theme={['light', 'dark'].includes(UserContext.theme) ? UserContext.theme : 'light'}
         noMermaid
         noPrettier
         autoDetectCode