diff --git a/src/plugins/home/public/application/components/sample_data/index.tsx b/src/plugins/home/public/application/components/sample_data/index.tsx
index 2a51b48b08469..5f15994acc1cb 100644
--- a/src/plugins/home/public/application/components/sample_data/index.tsx
+++ b/src/plugins/home/public/application/components/sample_data/index.tsx
@@ -30,8 +30,8 @@ import {
EuiButton,
EuiButtonEmpty,
} from '@elastic/eui';
-
import { FormattedMessage } from '@kbn/i18n/react';
+import { getServices } from '../../kibana_services';
interface Props {
urlBasePath: string;
@@ -40,22 +40,29 @@ interface Props {
}
export function SampleDataCard({ urlBasePath, onDecline, onConfirm }: Props) {
+ const IS_DARK_THEME = getServices().uiSettings.get('theme:darkMode');
+ const cardGraphicFile = !IS_DARK_THEME
+ ? 'illustration_integrations_lightmode.png'
+ : 'illustration_integrations_darkmode.png';
+ const cardGraphicURL = `${urlBasePath}/plugins/home/assets/common/${cardGraphicFile}`;
+
return (
}
+ title={
+
+ }
description={
}
footer={