diff --git a/docs/public/Hero-Dark.svg b/docs/public/Hero-Dark.svg
deleted file mode 100644
index dd095eeef..000000000
--- a/docs/public/Hero-Dark.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
diff --git a/docs/public/Hero.svg b/docs/public/Hero.svg
deleted file mode 100644
index 0b00cb15b..000000000
--- a/docs/public/Hero.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
diff --git a/docs/public/hero-chart-dark.svg b/docs/public/hero-chart-dark.svg
new file mode 100644
index 000000000..2beb9bdab
--- /dev/null
+++ b/docs/public/hero-chart-dark.svg
@@ -0,0 +1,27 @@
+
diff --git a/docs/public/hero-chart.svg b/docs/public/hero-chart.svg
new file mode 100644
index 000000000..fbc675f3a
--- /dev/null
+++ b/docs/public/hero-chart.svg
@@ -0,0 +1,27 @@
+
diff --git a/docs/public/mermaid-logo-horizontal.svg b/docs/public/mermaid-logo-horizontal.svg
new file mode 100644
index 000000000..34b3bb124
--- /dev/null
+++ b/docs/public/mermaid-logo-horizontal.svg
@@ -0,0 +1,11 @@
+
diff --git a/packages/mermaid/src/docs/.vitepress/config.ts b/packages/mermaid/src/docs/.vitepress/config.ts
index a0ee7613f..cd66316a3 100644
--- a/packages/mermaid/src/docs/.vitepress/config.ts
+++ b/packages/mermaid/src/docs/.vitepress/config.ts
@@ -37,7 +37,10 @@ export default defineConfig({
],
['meta', { property: 'og:type', content: 'website' }],
['meta', { property: 'og:url', content: 'https://mermaid.js.org' }],
- ['meta', { property: 'og:image', content: 'https://mermaid.js.org/favicon.svg' }],
+ [
+ 'meta',
+ { property: 'og:image', content: 'https://mermaid.js.org/mermaid-logo-horizontal.svg' },
+ ],
[
'script',
{
diff --git a/packages/mermaid/src/docs/index.md b/packages/mermaid/src/docs/index.md
index 8caa10153..20f3cf281 100644
--- a/packages/mermaid/src/docs/index.md
+++ b/packages/mermaid/src/docs/index.md
@@ -11,8 +11,8 @@ hero:
tagline: JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
image:
- light: /Hero.svg
- dark: /Hero-Dark.svg
+ light: /hero-chart.svg
+ dark: /hero-chart-dark.svg
alt: Mermaid diagram
actions:
- theme: brand
diff --git a/packages/mermaid/src/docs/public/Hero-Dark.svg b/packages/mermaid/src/docs/public/Hero-Dark.svg
deleted file mode 100644
index dd095eeef..000000000
--- a/packages/mermaid/src/docs/public/Hero-Dark.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
diff --git a/packages/mermaid/src/docs/public/Hero.svg b/packages/mermaid/src/docs/public/Hero.svg
deleted file mode 100644
index 0b00cb15b..000000000
--- a/packages/mermaid/src/docs/public/Hero.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
diff --git a/packages/mermaid/src/docs/public/hero-chart-dark.svg b/packages/mermaid/src/docs/public/hero-chart-dark.svg
new file mode 100644
index 000000000..2beb9bdab
--- /dev/null
+++ b/packages/mermaid/src/docs/public/hero-chart-dark.svg
@@ -0,0 +1,27 @@
+
diff --git a/packages/mermaid/src/docs/public/hero-chart.svg b/packages/mermaid/src/docs/public/hero-chart.svg
new file mode 100644
index 000000000..fbc675f3a
--- /dev/null
+++ b/packages/mermaid/src/docs/public/hero-chart.svg
@@ -0,0 +1,27 @@
+
diff --git a/packages/mermaid/src/docs/public/mermaid-logo-horizontal.svg b/packages/mermaid/src/docs/public/mermaid-logo-horizontal.svg
new file mode 100644
index 000000000..34b3bb124
--- /dev/null
+++ b/packages/mermaid/src/docs/public/mermaid-logo-horizontal.svg
@@ -0,0 +1,11 @@
+