fix(compass-editors): editor darkmode background selection color COMPASS-6910 (#4519)

Author: Anemy

packages/compass-editor/src/json-editor.tsx

@@ -149,7 +149,7 @@ export const editorPalette = {
     cursorColor: palette.green.base,
     // Semi-transparent opacity so that the selection background can still be seen.
     activeLineBackgroundColor: rgba(palette.gray.dark2, 0.5),
-    selectionBackgroundColor: palette.gray.dark1,
+    selectionBackgroundColor: palette.gray.dark2,
     bracketBorderColor: palette.gray.light1,
     infoGutterIconColor: encodeURIComponent(palette.blue.light1),
     warningGutterIconColor: encodeURIComponent(palette.yellow.light2),
@@ -247,6 +247,9 @@ function getStylesForTheme(theme: CodemirrorThemeType) {
       '& .cm-selectionBackground': {
         backgroundColor: editorPalette[theme].selectionBackgroundColor,
       },
+      '&.cm-focused .cm-selectionBackground, ::selection': {
+        backgroundColor: editorPalette[theme].selectionBackgroundColor,
+      },
       '&.cm-focused .cm-matchingBracket': {
         background: 'none',
         boxShadow: `0 0 0 1px ${editorPalette[theme].bracketBorderColor}`,