diff --git a/src/codemirror/codemirror.css b/src/codemirror/codemirror.css
index e7249e94..d5484464 100644
--- a/src/codemirror/codemirror.css
+++ b/src/codemirror/codemirror.css
@@ -538,3 +538,7 @@ div.CodeMirror-dragcursors {
 span.CodeMirror-selectedtext {
   background: none;
 }
+
+.CodeMirror-dialog{
+  background-color: var(--bg);
+}
diff --git a/src/codemirror/codemirror.ts b/src/codemirror/codemirror.ts
index ac7c6bac..ef9d976e 100644
--- a/src/codemirror/codemirror.ts
+++ b/src/codemirror/codemirror.ts
@@ -1,4 +1,5 @@
 import CodeMirror from 'codemirror'
+import 'codemirror/addon/dialog/dialog.css'
 import './codemirror.css'
 
 // modes
@@ -15,6 +16,9 @@ import 'codemirror/addon/fold/foldgutter.js'
 import 'codemirror/addon/fold/brace-fold.js'
 import 'codemirror/addon/fold/indent-fold.js'
 import 'codemirror/addon/fold/comment-fold.js'
+import 'codemirror/addon/search/search.js'
+import 'codemirror/addon/search/searchcursor.js'
+import 'codemirror/addon/dialog/dialog.js'
 
 // keymap
 import 'codemirror/keymap/sublime.js'