From 4bd847bc5b602712add8525984af68096e0328e0 Mon Sep 17 00:00:00 2001 From: Le Roux Bodenstein Date: Tue, 10 Jun 2025 12:27:39 +0100 Subject: [PATCH 1/3] don't override the stage editor container background colour in darkmode --- .../src/components/stage-editor/stage-editor.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) 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, From 43c9b60f3e272810c3ab092a7add255f01c236f7 Mon Sep 17 00:00:00 2001 From: Le Roux Bodenstein Date: Tue, 10 Jun 2025 12:54:34 +0100 Subject: [PATCH 2/3] remove the extra background on the focus editor --- .../src/components/focus-mode/focus-mode.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) 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, From 115fd1591c9704a2a768af63e7915806bd802595 Mon Sep 17 00:00:00 2001 From: Le Roux Bodenstein Date: Tue, 10 Jun 2025 12:59:44 +0100 Subject: [PATCH 3/3] set the code editor in the json view dark mode to be the same colour as the background --- packages/compass-crud/src/components/json-editor.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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`, }, });