fix: fix monaco editor colors after Clockface 3 release (#3177)

Author: ChitlangeSahas

src/external/monaco.flux.theme.ts

@@ -1,4 +1,5 @@
 import {MonacoType} from 'src/types'
+import {InfluxColors} from '@influxdata/clockface'
 
 const THEME_NAME = 'baseTheme'
 
@@ -55,8 +56,8 @@ function addTheme(monaco: MonacoType) {
     ],
     colors: {
       'editor.foreground': '#F8F8F8',
-      'editor.background': '#202028',
-      'editorGutter.background': '#25252e',
+      'editor.background': InfluxColors.Grey15,
+      'editorGutter.background': InfluxColors.Grey15,
       'editor.selectionBackground': '#353640',
       'editorLineNumber.foreground': '#666978',
       'editor.lineHighlightBackground': '#353640',

src/shared/components/FluxMonacoEditor.scss

@@ -13,7 +13,11 @@
   }
 
   .minimap {
-    border-left: 2px solid #25252e;
+    border-left: 2px solid #4d4d60;
+
+    .minimap-decorations-layer {
+      background-color: #1a1a2a;
+    }
 
     .minimap-slider {
       background: rgba(53, 54, 64, 0.4);
@@ -39,10 +43,6 @@
     box-shadow: #1b1b1b 0 6px 6px -6px inset;
   }
 
-  .margin {
-    background: #25252e;
-  }
-
   .current-line ~ .line-numbers {
     color: #bec2cc;
   }