From 330c48fa3fd1f049c6eff0bb5db25ec471fe02e2 Mon Sep 17 00:00:00 2001
From: Josh Soref <2119212+jsoref@users.noreply.github.com>
Date: Thu, 17 Apr 2025 13:40:09 -0400
Subject: [PATCH] chore: Use yaml instead of note for standalone `config:`
 example

---
 docs/syntax/xyChart.md                      | 12 +++++++++---
 packages/mermaid/src/docs/syntax/xyChart.md | 12 +++++++++---
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/docs/syntax/xyChart.md b/docs/syntax/xyChart.md
index 235b4e337..d40aacd2b 100644
--- a/docs/syntax/xyChart.md
+++ b/docs/syntax/xyChart.md
@@ -138,9 +138,15 @@ xychart-beta
 
 ## Chart Theme Variables
 
-> **Note**
-> Themes for xychart resides inside xychart attribute so to set the variables use this syntax
-> %%{init: { "themeVariables": {"xyChart": {"titleColor": "#ff0000"} } }}%%
+Themes for xychart resides inside xychart attribute so to set the variables use this syntax:
+
+```yaml
+config:
+    themeVariables:
+        xyChart:
+            titleColor: "#ff0000"
+---
+```
 
 | Parameter        | Description                                               |
 | ---------------- | --------------------------------------------------------- |
diff --git a/packages/mermaid/src/docs/syntax/xyChart.md b/packages/mermaid/src/docs/syntax/xyChart.md
index 96a56e2a7..4da763e38 100644
--- a/packages/mermaid/src/docs/syntax/xyChart.md
+++ b/packages/mermaid/src/docs/syntax/xyChart.md
@@ -126,9 +126,15 @@ xychart-beta
 
 ## Chart Theme Variables
 
-```note
-Themes for xychart resides inside xychart attribute so to set the variables use this syntax
-%%{init: { "themeVariables": {"xyChart": {"titleColor": "#ff0000"} } }}%%
+Themes for xychart resides inside xychart attribute so to set the variables use this syntax:
+
+```yaml
+---
+config:
+  themeVariables:
+    xyChart:
+      titleColor: "#ff0000"
+---
 ```
 
 | Parameter        | Description                                               |