Use data-mx-color for rainbows

The font tag may be deprecated soon (matrix-org/matrix-spec#1739) Signed-off-by: Tulir Asokan <tulir@maunium.net>
maunium · Mar 7, 2024 · f257185 · f257185
1 parent 148520c
commit f257185
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/utils/colour.ts b/src/utils/colour.ts
@@ -27,13 +27,13 @@ export function textToHtmlRainbow(str: string): string {
             const [a, b] = generateAB(i * frequency, 1);
             const [red, green, blue] = labToRGB(75, a, b);
             return (
-                '<font color="#' +
+                '<span data-mx-color="#' +
                 red.toString(16).padStart(2, "0") +
                 green.toString(16).padStart(2, "0") +
                 blue.toString(16).padStart(2, "0") +
                 '">' +
                 c +
-                "</font>"
+                "</span>"
             );
         })
         .join("");