From db7bc1423bf86f2b79d09fce1abfff08e3e5b0c4 Mon Sep 17 00:00:00 2001 From: claracruz Date: Fri, 27 Jan 2023 10:59:10 +0000 Subject: [PATCH] Add background image to flyout panel dark (#149668) Rel #147383 ### Screenshots Screenshot 2023-01-27 at 09 48 47 --- .../assets/panel_bg_top_dark.svg | 571 ++++++++++++++++++ .../public/components/guide_panel.styles.ts | 3 +- 2 files changed, 573 insertions(+), 1 deletion(-) create mode 100644 src/plugins/guided_onboarding/assets/panel_bg_top_dark.svg diff --git a/src/plugins/guided_onboarding/assets/panel_bg_top_dark.svg b/src/plugins/guided_onboarding/assets/panel_bg_top_dark.svg new file mode 100644 index 0000000000000..8c083fe46d9ef --- /dev/null +++ b/src/plugins/guided_onboarding/assets/panel_bg_top_dark.svg @@ -0,0 +1,571 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/plugins/guided_onboarding/public/components/guide_panel.styles.ts b/src/plugins/guided_onboarding/public/components/guide_panel.styles.ts index fe889ce580249..3636626ac1f38 100644 --- a/src/plugins/guided_onboarding/public/components/guide_panel.styles.ts +++ b/src/plugins/guided_onboarding/public/components/guide_panel.styles.ts @@ -9,6 +9,7 @@ import { EuiThemeComputed } from '@elastic/eui'; import { css } from '@emotion/react'; import panelBgTop from '../../assets/panel_bg_top.svg'; +import panelBgTopDark from '../../assets/panel_bg_top_dark.svg'; import panelBgBottom from '../../assets/panel_bg_bottom.svg'; import panelBgBottomDark from '../../assets/panel_bg_bottom_dark.svg'; @@ -31,7 +32,7 @@ export const getGuidePanelStyles = ({ `, flyoutOverrides: { flyoutHeader: css` - background: url(${panelBgTop}) top right no-repeat; + background: url(${isDarkTheme ? panelBgTopDark : panelBgTop}) top right no-repeat; `, flyoutContainer: css` top: 55px !important;