From 902d7c56ffe30b07c133cf5bda8e4ead6b69b4d9 Mon Sep 17 00:00:00 2001 From: Ryan Keairns Date: Wed, 30 Sep 2020 11:24:19 -0500 Subject: [PATCH] Update content on interstitial page (#78881) --- .../components/sample_data/index.tsx | 19 ++++++++++++------ .../public/application/components/welcome.tsx | 6 +++--- .../illustration_integrations_darkmode.png | Bin 0 -> 32083 bytes .../illustration_integrations_lightmode.png | Bin 0 -> 31228 bytes .../assets/illustration_elastic_heart.png | Bin 144681 -> 0 bytes 5 files changed, 16 insertions(+), 9 deletions(-) create mode 100644 src/plugins/home/public/assets/common/illustration_integrations_darkmode.png create mode 100644 src/plugins/home/public/assets/common/illustration_integrations_lightmode.png delete mode 100644 src/plugins/home/public/assets/illustration_elastic_heart.png 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={