From 134520946112c791b006f5ab175330f0e6238b79 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 17 Jul 2022 21:32:32 -0500
Subject: [PATCH] Made colorText return JSX Element

---
 src/data/common.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/data/common.tsx b/src/data/common.tsx
index d44b91d..f392741 100644
--- a/src/data/common.tsx
+++ b/src/data/common.tsx
@@ -316,6 +316,6 @@ export function createCollapsibleModifierSections(
  * @param textToColor The content to change the color of
  * @param color The color to change the content to look like. Defaults to the current theme's accent 2 variable.
  */
-export function colorText(textToColor: string, color = "var(--accent2)"): string {
-    return `<span style="color: ${color}">${textToColor}</span>`;
+export function colorText(textToColor: string, color = "var(--accent2)"): JSX.Element {
+    return <span style={{ color }}>${textToColor}</span>;
 }