diff --git a/docs/config/setup/interfaces/mermaid.ParseOptions.md b/docs/config/setup/interfaces/mermaid.ParseOptions.md
new file mode 100644
index 000000000..717e35565
--- /dev/null
+++ b/docs/config/setup/interfaces/mermaid.ParseOptions.md
@@ -0,0 +1,22 @@
+> **Warning**
+>
+> ## THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.
+>
+> ## Please edit the corresponding file in [/packages/mermaid/src/docs/config/setup/interfaces/mermaid.ParseOptions.md](../../../../packages/mermaid/src/docs/config/setup/interfaces/mermaid.ParseOptions.md).
+
+# Interface: ParseOptions
+
+[mermaid](../modules/mermaid.md).ParseOptions
+
+## Properties
+
+### suppressErrors
+
+• `Optional` **suppressErrors**: `boolean`
+
+If `true`, parse will return `false` instead of throwing error when the diagram is invalid.
+The `parseError` function will not be called.
+
+#### Defined in
+
+[packages/mermaid/src/types.ts:59](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/types.ts#L59)
diff --git a/docs/public/1-Callout-Easy.svg b/docs/public/1-Callout-Easy.svg
new file mode 100644
index 000000000..a6e9251a0
--- /dev/null
+++ b/docs/public/1-Callout-Easy.svg
@@ -0,0 +1,9 @@
+
diff --git a/docs/public/2-Callout-Integrations.svg b/docs/public/2-Callout-Integrations.svg
new file mode 100644
index 000000000..b5ebdf055
--- /dev/null
+++ b/docs/public/2-Callout-Integrations.svg
@@ -0,0 +1,9 @@
+
diff --git a/docs/public/3-Callout-Awards.svg b/docs/public/3-Callout-Awards.svg
new file mode 100644
index 000000000..f10c0fc39
--- /dev/null
+++ b/docs/public/3-Callout-Awards.svg
@@ -0,0 +1,9 @@
+
diff --git a/docs/public/Hero-Dark.svg b/docs/public/Hero-Dark.svg
new file mode 100644
index 000000000..dd095eeef
--- /dev/null
+++ b/docs/public/Hero-Dark.svg
@@ -0,0 +1,19 @@
+
diff --git a/docs/public/Hero.svg b/docs/public/Hero.svg
new file mode 100644
index 000000000..0b00cb15b
--- /dev/null
+++ b/docs/public/Hero.svg
@@ -0,0 +1,19 @@
+
diff --git a/packages/mermaid/src/docs/.vitepress/config.ts b/packages/mermaid/src/docs/.vitepress/config.ts
index 5e861a59e..8e0cd38de 100644
--- a/packages/mermaid/src/docs/.vitepress/config.ts
+++ b/packages/mermaid/src/docs/.vitepress/config.ts
@@ -104,7 +104,7 @@ function nav() {
],
},
{
- text: '💻 Open Editor',
+ text: 'Open Editor',
link: 'https://mermaid.live',
},
];
diff --git a/packages/mermaid/src/docs/.vitepress/theme/custom.css b/packages/mermaid/src/docs/.vitepress/theme/custom.css
index 1d72056ec..f2e38af1c 100644
--- a/packages/mermaid/src/docs/.vitepress/theme/custom.css
+++ b/packages/mermaid/src/docs/.vitepress/theme/custom.css
@@ -1,22 +1,34 @@
@import 'font-awesome/css/font-awesome.min.css';
@import '@mdi/font/css/materialdesignicons.min.css';
+/* Colors: Brand */
:root {
- --vp-c-brand: #ff3670;
- --vp-c-brand-light: #ff5e8c;
- --vp-c-brand-lighter: #ff85a8;
- --vp-c-brand-lightest: #ff9bb7;
- --vp-c-brand-dark: #bd34fe;
- --vp-c-brand-darker: #9339bd;
- --vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
+ /* use for colored text */
+ --vp-c-pink-1: #e0095f;
+
+ /* use for hover state of button */
+ --vp-c-pink-2: #b0134a;
+
+ /* use for background button color */
+ --vp-c-pink-3: #e0095f;
+
+ /* use for custom container or badges */
+ --vp-c-pink-4: rgba(159, 122, 234, 0.14);
}
:root {
- --vp-home-hero-name-color: transparent;
- --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #ff3670);
+ --vp-c-brand-1: var(--vp-c-pink-1);
+ --vp-c-brand-2: var(--vp-c-pink-2);
+ --vp-c-brand-3: var(--vp-c-pink-3);
+}
- --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #ff3670 50%);
+:root {
+ --vp-home-hero-name-color: var(--vp-c-brand-1);
+
+ --vp-home-hero-image-background-image: #ff3670;
--vp-home-hero-image-filter: blur(72px);
+
+ --vp-home-feature-color: #ff3670;
}
.vp-doc > div {
diff --git a/packages/mermaid/src/docs/index.md b/packages/mermaid/src/docs/index.md
index bb9a6e9e3..432c6d061 100644
--- a/packages/mermaid/src/docs/index.md
+++ b/packages/mermaid/src/docs/index.md
@@ -11,27 +11,32 @@ hero:
tagline: JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
image:
- src: /mermaid-logo.svg
- alt: Mermaid
+ light: /Hero.svg
+ alt: Mermaid diagram
+ dark: /Hero-Dark.svg
+ altDark: Mermaid diagram
actions:
- theme: brand
- text: Try Mermaid Editor
+ text: Try editor
link: https://www.mermaidchart.com/play
- theme: alt
- text: Build with Mermaid
+ text: Get started
link: https://github.com/mermaid-js/mermaid
- - theme: alt
- text: Learn more
- link: https://mermaid.js.org/intro/
features:
- - title: ➕ Easy to use!
+ - icon:
+ src: /1-Callout-Easy.svg
+ title: Easy to use
details: Easily create diagrams and charts with the Mermaid Editor.
link: https://www.mermaidchart.com/play
- - title: 🧩 Integrations available!
+ - icon:
+ src: /2-Callout-Integrations.svg
+ title: Integrations available
details: Use Mermaid with your favorite applications, check out the integrations list.
link: ../../ecosystem/integrations-community.md
- - title: 🏆 Award winning!
+ - icon:
+ src: /3-Callout-Awards.svg
+ title: Award winning
details: 2019 JavaScript Open Source Award winner for "The Most Exciting Use of Technology".
link: https://osawards.com/javascript/2019
---
diff --git a/packages/mermaid/src/docs/public/1-Callout-Easy.svg b/packages/mermaid/src/docs/public/1-Callout-Easy.svg
new file mode 100644
index 000000000..a6e9251a0
--- /dev/null
+++ b/packages/mermaid/src/docs/public/1-Callout-Easy.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/mermaid/src/docs/public/2-Callout-Integrations.svg b/packages/mermaid/src/docs/public/2-Callout-Integrations.svg
new file mode 100644
index 000000000..b5ebdf055
--- /dev/null
+++ b/packages/mermaid/src/docs/public/2-Callout-Integrations.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/mermaid/src/docs/public/3-Callout-Awards.svg b/packages/mermaid/src/docs/public/3-Callout-Awards.svg
new file mode 100644
index 000000000..f10c0fc39
--- /dev/null
+++ b/packages/mermaid/src/docs/public/3-Callout-Awards.svg
@@ -0,0 +1,9 @@
+
diff --git a/packages/mermaid/src/docs/public/Hero-Dark.svg b/packages/mermaid/src/docs/public/Hero-Dark.svg
new file mode 100644
index 000000000..dd095eeef
--- /dev/null
+++ b/packages/mermaid/src/docs/public/Hero-Dark.svg
@@ -0,0 +1,19 @@
+
diff --git a/packages/mermaid/src/docs/public/Hero.svg b/packages/mermaid/src/docs/public/Hero.svg
new file mode 100644
index 000000000..0b00cb15b
--- /dev/null
+++ b/packages/mermaid/src/docs/public/Hero.svg
@@ -0,0 +1,19 @@
+