From d49b79fb248391378f54890b90a2cb4c0b975c6c Mon Sep 17 00:00:00 2001
From: Dan Cech <dcech@grafana.com>
Date: Thu, 13 Apr 2023 01:46:13 +1000
Subject: [PATCH] add workaround for intercom iframe background being
 non-transparent in dark mode (#66329)

---
 .../src/themes/GlobalStyles/GlobalStyles.tsx         |  2 ++
 packages/grafana-ui/src/themes/GlobalStyles/extra.ts | 12 ++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100755 packages/grafana-ui/src/themes/GlobalStyles/extra.ts

diff --git a/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx b/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx
index f46a07512d5..44567187aea 100644
--- a/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx
+++ b/packages/grafana-ui/src/themes/GlobalStyles/GlobalStyles.tsx
@@ -6,6 +6,7 @@ import { useTheme2 } from '..';
 import { getAgularPanelStyles } from './angularPanelStyles';
 import { getCardStyles } from './card';
 import { getElementStyles } from './elements';
+import { getExtraStyles } from './extra';
 import { getFormElementStyles } from './forms';
 import { getMarkdownStyles } from './markdownStyles';
 import { getPageStyles } from './page';
@@ -18,6 +19,7 @@ export function GlobalStyles() {
     <Global
       styles={[
         getElementStyles(theme),
+        getExtraStyles(theme),
         getFormElementStyles(theme),
         getPageStyles(theme),
         getCardStyles(theme),
diff --git a/packages/grafana-ui/src/themes/GlobalStyles/extra.ts b/packages/grafana-ui/src/themes/GlobalStyles/extra.ts
new file mode 100755
index 00000000000..4344f99aabe
--- /dev/null
+++ b/packages/grafana-ui/src/themes/GlobalStyles/extra.ts
@@ -0,0 +1,12 @@
+import { css } from '@emotion/react';
+
+import { GrafanaTheme2 } from '@grafana/data';
+
+export function getExtraStyles(theme: GrafanaTheme2) {
+  return css`
+    // fix white background on intercom in dark mode
+    iframe.intercom-borderless-frame {
+      color-scheme: ${theme.colors.mode};
+    }
+  `;
+}