diff --git a/packages/compass-aggregations/src/components/focus-mode/focus-mode.tsx b/packages/compass-aggregations/src/components/focus-mode/focus-mode.tsx
index cf02939ed5d..bace01177db 100644
--- a/packages/compass-aggregations/src/components/focus-mode/focus-mode.tsx
+++ b/packages/compass-aggregations/src/components/focus-mode/focus-mode.tsx
@@ -60,9 +60,7 @@ const editorAreaBaseStyles = css({
   paddingTop: spacing[600],
 });
 
-const editorAreaDarkStyles = css({
-  backgroundColor: palette.gray.dark4,
-});
+const editorAreaDarkStyles = css({});
 
 const editorAreaLightStyles = css({
   backgroundColor: palette.gray.light3,
diff --git a/packages/compass-aggregations/src/components/stage-editor/stage-editor.tsx b/packages/compass-aggregations/src/components/stage-editor/stage-editor.tsx
index f8490a21635..f197af3adb5 100644
--- a/packages/compass-aggregations/src/components/stage-editor/stage-editor.tsx
+++ b/packages/compass-aggregations/src/components/stage-editor/stage-editor.tsx
@@ -36,9 +36,7 @@ const editorContainerStyles = css({
   height: '100%',
 });
 
-const editorContainerStylesDark = css({
-  background: palette.gray.dark4,
-});
+const editorContainerStylesDark = css({});
 
 const editorContainerStylesLight = css({
   background: palette.gray.light3,
diff --git a/packages/compass-crud/src/components/json-editor.tsx b/packages/compass-crud/src/components/json-editor.tsx
index 42d4cf8559c..9d5667e72db 100644
--- a/packages/compass-crud/src/components/json-editor.tsx
+++ b/packages/compass-crud/src/components/json-editor.tsx
@@ -37,10 +37,10 @@ const editorStyles = css({
 
 const editorDarkModeStyles = css({
   '& .cm-editor': {
-    backgroundColor: `${palette.gray.dark4} !important`,
+    backgroundColor: `${palette.black} !important`,
   },
   '& .cm-gutters': {
-    backgroundColor: `${palette.gray.dark4} !important`,
+    backgroundColor: `${palette.black} !important`,
   },
 });