diff --git a/README.md b/README.md
index d04217c..2719a77 100644
--- a/README.md
+++ b/README.md
@@ -144,7 +144,7 @@ Shows how quickly reviewers respond to review requests. Helps better understand
 
 This section displays metric changes over time using graphs, helping to understand how metrics have evolved over extended periods. To enable these graphs, ensure that `PERIOD_SPLIT_UNIT` is set and that the collected data covers at least two time periods (e.g., quarters or months).
 
-$$\color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge\ \color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response$$
+`#FFA500`Time From Initial Request To Response,`#EE82EE`Time From Opening To Response,`#0000CD`Time From Rerequest To Response,`#696969`Time In Draft,`#B22222`Time To Review Request,`#FFD700`Time To Review,`#40E0D0`Time To Review After Rerequest,`#7FFF00`Time To Approve,`#8A2BE2`Time To Merge
 
 ```mermaid
 ---
@@ -176,7 +176,7 @@ line [0, 2.18, 0.92, 0.77, 5.47, 0.83, 4.85, 2.42, 4.28, 23.18, 0, 1.63, 1.98, 4
 
 This graphs allow you to observe how pull request size impacts lead time. It can be especially useful for assessing the actual influence of PR size on lead time. For more accurate results, it's recommended to analyze a sufficiently large dataset to minimize error margins. To view the graphs, set the `SHOW_CORRELATION_GRAPHS` parameter to `true`.
 
-$$\color{gold}Time\ To\ Review\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFD700`Time To Review, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 
 ```mermaid
 ---
@@ -202,7 +202,7 @@ line [16.25, 30, 43.25, 54.65, 94.35]
 
 The graph shows when users perform key actions such as opening, closing, and reviewing PRs. To view the graphs, set the `SHOW_ACTIVITY_TIME_GRAPHS` parameter to `true`.
 
-$$\color{black}Opened\ \color{purple}Merged\ \color{green}Approved\ \color{red}Changes Requested\ \color{blue}Commented$$
+`#000000`Opened, `#800080`Merged, `#008000`Approved, `#FF0000`Changes Requested, `#0000FF`Commented
 
 ```mermaid
 ---
diff --git a/build/index.js b/build/index.js
index 92f38d2..bbd7093 100644
--- a/build/index.js
+++ b/build/index.js
@@ -2652,7 +2652,7 @@ const createXYChart = ({ title, xAxis, yAxis, lines, }) => {
     if (!lines.length)
         return "";
     return `
-$$${lines.map((line) => `\\color{${line.color}}${line.name}`).join("\\ ")}$$
+${lines.map((line) => `\`${line.color}\`${line.name}`).join(",")}
 \`\`\`mermaid
 ---
 config:
@@ -2663,7 +2663,7 @@ config:
         xyChart:
             titleColor: "black"
             plotColorPalette: "${lines
-        .map((line) => line.color || "black")
+        .map((line) => line.color || "#000000")
         .join(", ")}"
 ---
 xychart-beta
@@ -2801,27 +2801,27 @@ const createActivityXYChart = (data, user) => {
         lines: [
             {
                 name: "Opened",
-                color: "black",
+                color: "#000000",
                 values: hours.map((el) => data[user]?.total?.actionsTime?.[el]?.opened || 0),
             },
             {
                 name: "Merged",
-                color: "purple",
+                color: "#800080",
                 values: hours.map((el) => data[user]?.total?.actionsTime?.[el]?.merged || 0),
             },
             {
                 name: "Approved",
-                color: "green",
+                color: "#008000",
                 values: hours.map((el) => data[user]?.total?.actionsTime?.[el]?.approved || 0),
             },
             {
                 name: "Changes Requested",
-                color: "red",
+                color: "#ff0000",
                 values: hours.map((el) => data[user]?.total?.actionsTime?.[el]?.changes_requested || 0),
             },
             {
                 name: "Commented",
-                color: "blue",
+                color: "#0000ff",
                 values: hours.map((el) => data[user]?.total?.actionsTime?.[el]?.commented || 0),
             },
         ],
@@ -2910,33 +2910,33 @@ const createContributionMonthsXYChart = (data, dates, user) => {
         },
         lines: [
             {
-                color: "blueviolet",
-                name: "Discussions\\ Conducted",
+                color: "#8A2BE2",
+                name: "Discussions Conducted",
                 values: dates.map((date) => data[user]?.[date]?.discussions?.conducted?.total || 0).reverse(),
             },
             {
-                color: "darkblue",
-                name: "Discussions\\ Received",
+                color: "#00008B",
+                name: "Discussions Received",
                 values: dates.map((date) => data[user]?.[date]?.discussions?.received?.total || 0).reverse(),
             },
             {
-                color: "crimson",
-                name: "Changes\\ Requested\\ Conducted",
+                color: "#DC143C",
+                name: "Changes Requested Conducted",
                 values: dates.map((date) => data[user]?.[date]?.reviewsConducted?.total?.changes_requested || 0).reverse(),
             },
             {
-                color: "firebrick",
-                name: "Changes\\ Requested\\ Received",
+                color: "#B22222",
+                name: "Changes Requested Received",
                 values: dates.map((date) => data["total"]?.[date]?.reviewsConducted?.[user]?.["changes_requested"] || 0).reverse(),
             },
             {
-                color: "gold",
-                name: "Reviews\\ Conducted",
+                color: "#FFD700",
+                name: "Reviews Conducted",
                 values: dates.map((date) => data[user]?.[date]?.reviewsConducted?.total?.total || 0).reverse(),
             },
             {
-                color: "chartreuse",
-                name: "Merged\\ PRs",
+                color: "#7FFF00",
+                name: "Merged PRs",
                 values: dates.map((date) => data[user]?.[date]?.merged || 0).reverse(),
             },
         ],
@@ -3242,22 +3242,22 @@ const createSizeDependencyXYChart = (data, type, user) => {
         },
         lines: [
             {
-                color: "gold",
-                name: "Time\\ To\\ Review",
+                color: "#FFD700",
+                name: "Time To Review",
                 values: sizes.map((size) => Math.round(((data[user]?.total?.sizes?.[size]?.[type]?.timeToReview || 0) /
                     60) *
                     100) / 100),
             },
             {
-                color: "chartreuse",
-                name: "Time\\ To\\ Approve",
+                color: "#7FFF00",
+                name: "Time To Approve",
                 values: sizes.map((size) => Math.round(((data[user]?.total?.sizes?.[size]?.[type]?.timeToApprove || 0) /
                     60) *
                     100) / 100),
             },
             {
-                color: "blueviolet",
-                name: "Time\\ To\\ Merge",
+                color: "#8A2BE2",
+                name: "Time To Merge",
                 values: sizes.map((size) => Math.round(((data[user]?.total?.sizes?.[size]?.[type]?.timeToMerge || 0) /
                     60) *
                     100) / 100),
@@ -3461,8 +3461,8 @@ const createTimelineMonthsXYChart = (data, type, dates, user) => {
         },
         lines: [
             {
-                color: "orange",
-                name: "Time\\ From\\ Initial\\ Request\\ To\\ Response",
+                color: "#FFA500",
+                name: "Time From Initial Request To Response",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]
                     ?.timeFromInitialRequestToResponse || 0) /
@@ -3471,8 +3471,8 @@ const createTimelineMonthsXYChart = (data, type, dates, user) => {
                     .reverse(),
             },
             {
-                color: "violet",
-                name: "Time\\ From\\ Opening\\ To\\ Response",
+                color: "#EE82EE",
+                name: "Time From Opening To Response",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]?.timeFromOpenToResponse || 0) /
                     60) *
@@ -3480,8 +3480,8 @@ const createTimelineMonthsXYChart = (data, type, dates, user) => {
                     .reverse(),
             },
             {
-                color: "mediumblue",
-                name: "Time\\ From\\ Rerequest\\ To\\ Response",
+                color: "#0000CD",
+                name: "Time From Rerequest To Response",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]
                     ?.timeFromRepeatedRequestToResponse || 0) /
@@ -3490,30 +3490,30 @@ const createTimelineMonthsXYChart = (data, type, dates, user) => {
                     .reverse(),
             },
             {
-                color: "dimgrey",
-                name: "Time\\ In\\ Draft",
+                color: "#696969",
+                name: "Time In Draft",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]?.timeInDraft || 0) / 60) * 100) / 100)
                     .reverse(),
             },
             {
-                color: "firebrick",
-                name: "Time\\ To\\ Review\\ Request",
+                color: "#B22222",
+                name: "Time To Review Request",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]?.timeToReviewRequest || 0) / 60) *
                     100) / 100)
                     .reverse(),
             },
             {
-                color: "gold",
-                name: "Time\\ To\\ Review",
+                color: "#FFD700",
+                name: "Time To Review",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]?.timeToReview || 0) / 60) * 100) / 100)
                     .reverse(),
             },
             {
-                color: "turquoise",
-                name: "Time\\ To\\ Review\\ After\\ Rerequest",
+                color: "#40E0D0",
+                name: "Time To Review After Rerequest",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]?.timeWaitingForRepeatedReview ||
                     0) /
@@ -3522,15 +3522,15 @@ const createTimelineMonthsXYChart = (data, type, dates, user) => {
                     .reverse(),
             },
             {
-                color: "chartreuse",
-                name: "Time\\ To\\ Approve",
+                color: "#7FFF00",
+                name: "Time To Approve",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]?.timeToApprove || 0) / 60) * 100) / 100)
                     .reverse(),
             },
             {
-                color: "blueviolet",
-                name: "Time\\ To\\ Merge",
+                color: "#8A2BE2",
+                name: "Time To Merge",
                 values: dates
                     .map((date) => Math.round(((data[user]?.[date]?.[type]?.timeToMerge || 0) / 60) * 100) / 100)
                     .reverse(),
diff --git a/examples/nPRsReport.md b/examples/nPRsReport.md
index 229c70a..05deb51 100644
--- a/examples/nPRsReport.md
+++ b/examples/nPRsReport.md
@@ -414,7 +414,7 @@ EXECUTION_OUTCOME: markdown
     
     
   
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -441,7 +441,7 @@ line [4.25, 1.7, 3.45]
 line [16.18, 10.02, 8.35]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -465,7 +465,7 @@ line [0, 0, 20, 19, 25]
 line [0, 0, 9, 4, 15]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -492,7 +492,7 @@ line [6.9, 6.02, 8.12]
 line [11.87, 15.88, 14.83]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -516,7 +516,7 @@ line [0, 0, 13, 19, 28]
 line [0, 0, 14, 17, 23]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -543,7 +543,7 @@ line [14.73, 9.55, 8.8]
 line [22.67, 23.27, 21.12]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -567,7 +567,7 @@ line [0, 0, 8, 12, 8]
 line [0, 0, 9, 13, 10]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -594,7 +594,7 @@ line [2.13, 1.15, 8.05]
 line [17.6, 9.28, 56.15]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -618,7 +618,7 @@ line [0, 0, 11, 18, 20]
 line [0, 0, 4, 13, 17]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -645,7 +645,7 @@ line [11.13, 13.13, 12.03]
 line [44.78, 27.88, 36.52]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -669,7 +669,7 @@ line [0, 0, 4, 2, 8]
 line [0, 0, 11, 15, 17]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -696,7 +696,7 @@ line [8.48, 7.83, 8.72]
 line [22.3, 23.8, 22.88]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
diff --git a/examples/periodReport.md b/examples/periodReport.md
index 312bc30..4d7d417 100644
--- a/examples/periodReport.md
+++ b/examples/periodReport.md
@@ -303,7 +303,7 @@ EXECUTION_OUTCOME: markdown
     
     
   
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -330,7 +330,7 @@ line [4.93, 1.7]
 line [23.57, 10.02]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -354,7 +354,7 @@ line [30, 19]
 line [13, 4]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -381,7 +381,7 @@ line [7.47, 6.02]
 line [16.33, 15.88]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -405,7 +405,7 @@ line [27, 19]
 line [20, 17]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -432,7 +432,7 @@ line [13.82, 9.55]
 line [22.1, 23.27]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -456,7 +456,7 @@ line [18, 12]
 line [14, 13]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -483,7 +483,7 @@ line [3.53, 1.15]
 line [18.7, 9.28]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -507,7 +507,7 @@ line [15, 18]
 line [18, 13]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -534,7 +534,7 @@ line [10.22, 13.13]
 line [30.72, 27.88]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
@@ -558,7 +558,7 @@ line [11, 2]
 line [22, 15]
 ```
 
-$$\color{orange}Time\ From\ Initial\ Request\ To\ Response\ \color{violet}Time\ From\ Opening\ To\ Response\ \color{mediumblue}Time\ From\ Rerequest\ To\ Response\ \color{dimgrey}Time\ In\ Draft\ \color{firebrick}Time\ To\ Review\ Request\ \color{gold}Time\ To\ Review\ \color{turquoise}Time\ To\ Review\ After\ Rerequest\ \color{chartreuse}Time\ To\ Approve\ \color{blueviolet}Time\ To\ Merge$$
+`#FFA500`Time From Initial Request To Response, `#EE82EE`Time From Opening To Response, `#0000CD`Time From Rerequest To Response, `#696969`Time In Draft, `#B22222`Time To Review Request, `#FFD700`Time To Review, `#40E0D0`Time To Review After Rerequest, `#7FFF00`Time To Approve, `#8A2BE2`Time To Merge
 ```mermaid
 ---
 config:
@@ -585,7 +585,7 @@ line [8.05, 7.83]
 line [21.95, 23.8]
 ```
 
-$$\color{blueviolet}Discussions\ Conducted\ \color{darkblue}Discussions\ Received\ \color{crimson}Changes\ Requested\ Conducted\ \color{firebrick}Changes\ Requested\ Received\ \color{gold}Reviews\ Conducted\ \color{chartreuse}Merged\ PRs$$
+`#8A2BE2`Discussions Conducted, `#00008B`Discussions Received, `#DC143C`Changes Requested Conducted, `#B22222`Changes Requested Received, `#FFD700`Reviews Conducted, `#7FFF00`Merged PRs
 ```mermaid
 ---
 config:
diff --git a/package.json b/package.json
index 2ea34c7..9294fbc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pull-request-analytics-action",
-  "version": "4.6.1",
+  "version": "4.6.2",
   "description": "Generates detailed PR analytics reports within GitHub, focusing on review efficiency and team performance.",
   "main": "build/index.js",
   "scripts": {
diff --git a/src/view/utils/common/createXYChart.ts b/src/view/utils/common/createXYChart.ts
index d11a2df..ee449b2 100644
--- a/src/view/utils/common/createXYChart.ts
+++ b/src/view/utils/common/createXYChart.ts
@@ -11,7 +11,7 @@ export const createXYChart = ({
 }) => {
   if (!lines.length) return "";
   return `
-$$${lines.map((line) => `\\color{${line.color}}${line.name}`).join("\\ ")}$$
+${lines.map((line) => `\`${line.color}\`${line.name}`).join(",")}
 \`\`\`mermaid
 ---
 config:
@@ -22,7 +22,7 @@ config:
         xyChart:
             titleColor: "black"
             plotColorPalette: "${lines
-              .map((line) => line.color || "black")
+              .map((line) => line.color || "#000000")
               .join(", ")}"
 ---
 xychart-beta
diff --git a/src/view/utils/createActivityXYChart.ts b/src/view/utils/createActivityXYChart.ts
index c2805a7..610464c 100644
--- a/src/view/utils/createActivityXYChart.ts
+++ b/src/view/utils/createActivityXYChart.ts
@@ -22,35 +22,35 @@ export const createActivityXYChart = (
     lines: [
       {
         name: "Opened",
-        color: "black",
+        color: "#000000",
         values: hours.map(
           (el) => data[user]?.total?.actionsTime?.[el]?.opened || 0
         ),
       },
       {
         name: "Merged",
-        color: "purple",
+        color: "#800080",
         values: hours.map(
           (el) => data[user]?.total?.actionsTime?.[el]?.merged || 0
         ),
       },
       {
         name: "Approved",
-        color: "green",
+        color: "#008000",
         values: hours.map(
           (el) => data[user]?.total?.actionsTime?.[el]?.approved || 0
         ),
       },
       {
         name: "Changes Requested",
-        color: "red",
+        color: "#ff0000",
         values: hours.map(
           (el) => data[user]?.total?.actionsTime?.[el]?.changes_requested || 0
         ),
       },
       {
         name: "Commented",
-        color: "blue",
+        color: "#0000ff",
         values: hours.map(
           (el) => data[user]?.total?.actionsTime?.[el]?.commented || 0
         ),
diff --git a/src/view/utils/createContributionMonthXYChart.ts b/src/view/utils/createContributionMonthXYChart.ts
index a1c00fd..772bf3b 100644
--- a/src/view/utils/createContributionMonthXYChart.ts
+++ b/src/view/utils/createContributionMonthXYChart.ts
@@ -35,30 +35,30 @@ export const createContributionMonthsXYChart = (
     },
     lines: [
       {
-        color: "blueviolet",
-        name: "Discussions\\ Conducted",
+        color: "#8A2BE2",
+        name: "Discussions Conducted",
         values: dates.map(
           (date) => data[user]?.[date]?.discussions?.conducted?.total || 0
         ).reverse(),
       },
       {
-        color: "darkblue",
-        name: "Discussions\\ Received",
+        color: "#00008B",
+        name: "Discussions Received",
         values: dates.map(
           (date) => data[user]?.[date]?.discussions?.received?.total || 0
         ).reverse(),
       },
       {
-        color: "crimson",
-        name: "Changes\\ Requested\\ Conducted",
+        color: "#DC143C",
+        name: "Changes Requested Conducted",
         values: dates.map(
           (date) =>
             data[user]?.[date]?.reviewsConducted?.total?.changes_requested || 0
         ).reverse(),
       },
       {
-        color: "firebrick",
-        name: "Changes\\ Requested\\ Received",
+        color: "#B22222",
+        name: "Changes Requested Received",
         values: dates.map(
           (date) =>
             data["total"]?.[date]?.reviewsConducted?.[user]?.[
@@ -67,15 +67,15 @@ export const createContributionMonthsXYChart = (
         ).reverse(),
       },
       {
-        color: "gold",
-        name: "Reviews\\ Conducted",
+        color: "#FFD700",
+        name: "Reviews Conducted",
         values: dates.map(
           (date) => data[user]?.[date]?.reviewsConducted?.total?.total || 0
         ).reverse(),
       },
       {
-        color: "chartreuse",
-        name: "Merged\\ PRs",
+        color: "#7FFF00",
+        name: "Merged PRs",
         values: dates.map((date) => data[user]?.[date]?.merged || 0).reverse(),
       },
     ],
diff --git a/src/view/utils/createSizeDependencyXYChart.ts b/src/view/utils/createSizeDependencyXYChart.ts
index ee59949..1ce41da 100644
--- a/src/view/utils/createSizeDependencyXYChart.ts
+++ b/src/view/utils/createSizeDependencyXYChart.ts
@@ -35,8 +35,8 @@ export const createSizeDependencyXYChart = (
     },
     lines: [
       {
-        color: "gold",
-        name: "Time\\ To\\ Review",
+        color: "#FFD700",
+        name: "Time To Review",
         values: sizes.map(
           (size) =>
             Math.round(
@@ -47,8 +47,8 @@ export const createSizeDependencyXYChart = (
         ),
       },
       {
-        color: "chartreuse",
-        name: "Time\\ To\\ Approve",
+        color: "#7FFF00",
+        name: "Time To Approve",
         values: sizes.map(
           (size) =>
             Math.round(
@@ -59,8 +59,8 @@ export const createSizeDependencyXYChart = (
         ),
       },
       {
-        color: "blueviolet",
-        name: "Time\\ To\\ Merge",
+        color: "#8A2BE2",
+        name: "Time To Merge",
         values: sizes.map(
           (size) =>
             Math.round(
diff --git a/src/view/utils/createTimelineMonthXYChart.ts b/src/view/utils/createTimelineMonthXYChart.ts
index 06fb36b..71a15bc 100644
--- a/src/view/utils/createTimelineMonthXYChart.ts
+++ b/src/view/utils/createTimelineMonthXYChart.ts
@@ -58,8 +58,8 @@ export const createTimelineMonthsXYChart = (
     },
     lines: [
       {
-        color: "orange",
-        name: "Time\\ From\\ Initial\\ Request\\ To\\ Response",
+        color: "#FFA500",
+        name: "Time From Initial Request To Response",
         values: dates
           .map(
             (date) =>
@@ -73,8 +73,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "violet",
-        name: "Time\\ From\\ Opening\\ To\\ Response",
+        color: "#EE82EE",
+        name: "Time From Opening To Response",
         values: dates
           .map(
             (date) =>
@@ -87,8 +87,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "mediumblue",
-        name: "Time\\ From\\ Rerequest\\ To\\ Response",
+        color: "#0000CD",
+        name: "Time From Rerequest To Response",
         values: dates
           .map(
             (date) =>
@@ -102,8 +102,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "dimgrey",
-        name: "Time\\ In\\ Draft",
+        color: "#696969",
+        name: "Time In Draft",
         values: dates
           .map(
             (date) =>
@@ -114,8 +114,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "firebrick",
-        name: "Time\\ To\\ Review\\ Request",
+        color: "#B22222",
+        name: "Time To Review Request",
         values: dates
           .map(
             (date) =>
@@ -127,8 +127,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "gold",
-        name: "Time\\ To\\ Review",
+        color: "#FFD700",
+        name: "Time To Review",
         values: dates
           .map(
             (date) =>
@@ -139,8 +139,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "turquoise",
-        name: "Time\\ To\\ Review\\ After\\ Rerequest",
+        color: "#40E0D0",
+        name: "Time To Review After Rerequest",
         values: dates
           .map(
             (date) =>
@@ -154,8 +154,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "chartreuse",
-        name: "Time\\ To\\ Approve",
+        color: "#7FFF00",
+        name: "Time To Approve",
         values: dates
           .map(
             (date) =>
@@ -166,8 +166,8 @@ export const createTimelineMonthsXYChart = (
           .reverse(),
       },
       {
-        color: "blueviolet",
-        name: "Time\\ To\\ Merge",
+        color: "#8A2BE2",
+        name: "Time To Merge",
         values: dates
           .map(
             (date) =>