From bf62792baa632818e87944d02b758fafbdd0ec16 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Fri, 3 Jan 2025 16:37:25 +0100
Subject: [PATCH] UI: typography init flag to omit color class

---
 pkgs/webview-ui/app/src/components/Typography/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pkgs/webview-ui/app/src/components/Typography/index.tsx b/pkgs/webview-ui/app/src/components/Typography/index.tsx
index dc5410d58..29957aa35 100644
--- a/pkgs/webview-ui/app/src/components/Typography/index.tsx
+++ b/pkgs/webview-ui/app/src/components/Typography/index.tsx
@@ -85,6 +85,9 @@ interface _TypographyProps<H extends Hierarchy> {
   tag?: Tag;
   class?: string;
   classList?: Record<string, boolean>;
+  // Disable using the color prop
+  // A font color is provided via class / classList or inherited
+  useExternColor?: boolean;
 }
 
 export const Typography = <H extends Hierarchy>(props: _TypographyProps<H>) => {
@@ -92,7 +95,7 @@ export const Typography = <H extends Hierarchy>(props: _TypographyProps<H>) => {
     <Dynamic
       component={props.tag || "span"}
       class={cx(
-        colorMap[props.color || "primary"],
+        !props.useExternColor && colorMap[props.color || "primary"],
         props.inverted && "fnt-clr--inverted",
         sizeHierarchyMap[props.hierarchy][props.size] as string,
         weightMap[props.weight || "normal"],