From 15695298082dee79ff37c4ff5ba64bb22b4ac355 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A1bor=20Farkas?= <gabor.farkas@gmail.com>
Date: Wed, 15 Dec 2021 14:52:31 +0100
Subject: [PATCH] theme: fixed colors to be monaco-compatible (#43153)

---
 packages/grafana-data/src/themes/palette.ts                   | 4 ++--
 .../src/components/ColorPicker/ColorPickerPopover.test.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/grafana-data/src/themes/palette.ts b/packages/grafana-data/src/themes/palette.ts
index bbe04cf1264..2ac623b3da0 100644
--- a/packages/grafana-data/src/themes/palette.ts
+++ b/packages/grafana-data/src/themes/palette.ts
@@ -1,6 +1,6 @@
 export const palette = {
-  white: '#fff',
-  black: '#000',
+  white: '#FFFFFF',
+  black: '#000000',
 
   gray25: '#2c3235',
   gray15: '#22252b', //'#202226',
diff --git a/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.test.tsx b/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.test.tsx
index b2aa605f753..3ab6a11a26a 100644
--- a/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.test.tsx
+++ b/packages/grafana-ui/src/components/ColorPicker/ColorPickerPopover.test.tsx
@@ -29,7 +29,7 @@ describe('ColorPickerPopover', () => {
       expect(colorSwatchWrapper[0]).toBeInTheDocument();
 
       userEvent.click(colorSwatchWrapper[0]);
-      expect(color).toHaveStyle('box-shadow: inset 0 0 0 2px #73BF69, inset 0 0 0 4px #000');
+      expect(color).toHaveStyle('box-shadow: inset 0 0 0 2px #73BF69, inset 0 0 0 4px #000000');
     });
   });