diff --git a/src/core/common/logos/get_logos.ts b/src/core/common/logos/get_logos.ts
index c27a5306e9e1..b8d506b39513 100644
--- a/src/core/common/logos/get_logos.ts
+++ b/src/core/common/logos/get_logos.ts
@@ -24,6 +24,7 @@ export const CENTER_MARK_ON_DARK = 'ui/logos/opensearch_center_mark_on_dark.svg'
export const ANIMATED_MARK_THEMED = 'ui/logos/opensearch_spinner.svg';
export const ANIMATED_MARK_ON_LIGHT = 'ui/logos/opensearch_spinner_on_light.svg';
export const ANIMATED_MARK_ON_DARK = 'ui/logos/opensearch_spinner_on_dark.svg';
+export const CHAT = 'ui/logos/opensearch_chat.svg';
interface AssetOption {
url?: string;
@@ -94,6 +95,8 @@ export const getLogos = (branding: Branding = {}, serverBasePath: string): Logos
// OS animated marks
const defaultLightColorSchemeAnimatedMark = `${serverBasePath}/${ANIMATED_MARK_ON_LIGHT}`;
const defaultDarkColorSchemeAnimatedMark = `${serverBasePath}/${ANIMATED_MARK_ON_DARK}`;
+ // CHAT logos
+ const defaultChatLogo = `${serverBasePath}/${CHAT}`;
const colorScheme: ColorScheme = darkMode ? ColorScheme.DARK : ColorScheme.LIGHT;
@@ -137,6 +140,11 @@ export const getLogos = (branding: Branding = {}, serverBasePath: string): Logos
{ url: defaultLightColorSchemeAnimatedMark, type: ImageType.DEFAULT, colorScheme: ColorScheme.LIGHT },
], darkMode),
+ Chat: getLogo([
+ { url: defaultChatLogo, type: ImageType.CUSTOM, colorScheme: ColorScheme.DARK },
+ { url: defaultChatLogo, type: ImageType.CUSTOM, colorScheme: ColorScheme.LIGHT },
+ ], darkMode),
+
colorScheme,
});
};
diff --git a/src/core/common/logos/types.ts b/src/core/common/logos/types.ts
index 1885b09017a3..3ec795304f77 100644
--- a/src/core/common/logos/types.ts
+++ b/src/core/common/logos/types.ts
@@ -20,6 +20,7 @@ export interface Logos {
*/
readonly CenterMark: LogoItem;
readonly AnimatedMark: LogoItem;
+ readonly Chat: LogoItem;
readonly colorScheme: ColorScheme;
}
diff --git a/src/core/server/core_app/assets/logos/opensearch_chat.svg b/src/core/server/core_app/assets/logos/opensearch_chat.svg
new file mode 100644
index 000000000000..b744e8c35e8f
--- /dev/null
+++ b/src/core/server/core_app/assets/logos/opensearch_chat.svg
@@ -0,0 +1,18 @@
+
diff --git a/src/plugins/home/public/application/components/homepage/hero_section/get_started.tsx b/src/plugins/home/public/application/components/homepage/hero_section/get_started.tsx
index 9fe741c772e9..3210a117a943 100644
--- a/src/plugins/home/public/application/components/homepage/hero_section/get_started.tsx
+++ b/src/plugins/home/public/application/components/homepage/hero_section/get_started.tsx
@@ -20,13 +20,13 @@ import {
import { HeroSection } from './hero_section';
import illustration from '../../../../assets/illustration.svg';
import { getServices } from '../../../opensearch_dashboards_services';
-import logo from '../../../../assets/logos/chat.svg';
import screenshot from '../../../../assets/screenshot.png';
export const GetStartedSection: React.FC<{ olly?: boolean }> = ({ olly = true }) => {
const services = getServices();
const getUrl = services.application.getUrlForApp;
const navigate = services.application.navigateToApp;
+ const logos = services.chrome.logos;
const heroConfig = services.homeConfig.hero;
const isHeroEnabled = heroConfig.enabled;
const prompts = isHeroEnabled ? heroConfig.prompts : [];
@@ -87,7 +87,7 @@ export const GetStartedSection: React.FC<{ olly?: boolean }> = ({ olly = true })
>
-
+
"{text}"
diff --git a/src/plugins/home/public/assets/logos/chat.svg b/src/plugins/home/public/assets/logos/chat.svg
deleted file mode 100644
index 3feddf02c2aa..000000000000
--- a/src/plugins/home/public/assets/logos/chat.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-