From 3c009cc46e1561d61bced4af83343cf34dd117fe Mon Sep 17 00:00:00 2001
From: cocobo1 <CocoboTheOne@gmail.com>
Date: Mon, 27 Jul 2026 16:37:42 +0000
Subject: [PATCH] feat: fix colouring on ui text

---
 src/core/ui/components/AddonCard.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/core/ui/components/AddonCard.tsx b/src/core/ui/components/AddonCard.tsx
index ad6083d..0f1317b 100644
--- a/src/core/ui/components/AddonCard.tsx
+++ b/src/core/ui/components/AddonCard.tsx
@@ -20,6 +20,7 @@ const useStyles = createStyles({
         padding: 0,
     },
     headerLeading: {
+        flex: 1,
         flexDirection: "column",
         justifyContent: "center",
         scale: 1.2
@@ -31,16 +32,18 @@ const useStyles = createStyles({
         alignItems: "center"
     },
     headerLabel: {
-        ...TextStyleSheet["heading-md/semibold"],
-        color: semanticColors.MOBILE_TEXT_HEADING_PRIMARY,
+        ...TextStyleSheet["heading-lg/semibold"],
+    },
+    headerLabelCompact: {
+        ...TextStyleSheet["text-md/semibold"],
     },
     headerSubtitle: {
-        ...TextStyleSheet["text-md/semibold"],
+        ...TextStyleSheet["text-sm/semibold"],
         color: semanticColors.TEXT_MUTED,
     },
     descriptionLabel: {
         ...TextStyleSheet["text-md/semibold"],
-        color: semanticColors.TEXT_NORMAL,
+        color: "text-strong",
     },
     actions: {
         flexDirection: "row-reverse",
@@ -48,7 +51,7 @@ const useStyles = createStyles({
         gap: 5
     },
     iconStyle: {
-        tintColor: semanticColors.INTERACTIVE_ICON_DEFAULT,
+        tintColor: semanticColors.LOGO_PRIMARY,
         opacity: 0.2,
         height: 64,
         width: 64,