From 27cfc225decb94a856c94a9067430b498b4c3c8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 8 Aug 2024 14:22:04 -0500
Subject: [PATCH] fix: tank name colors

---
 src/components/TanksEmbed.tsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/TanksEmbed.tsx b/src/components/TanksEmbed.tsx
index c034e0aa1..cddaec73f 100644
--- a/src/components/TanksEmbed.tsx
+++ b/src/components/TanksEmbed.tsx
@@ -1,3 +1,4 @@
+import { amberDark, blueDark } from '@radix-ui/colors';
 import { Flex, Text } from '@radix-ui/themes';
 import { times } from 'lodash';
 import { ReactNode } from 'react';
@@ -37,8 +38,6 @@ interface BreakdownEmbedCardProps {
 export function BreakdownEmbedCard({ tank }: BreakdownEmbedCardProps) {
   const { useState, useRichText } =
     useEmbedStateCurry<typeof breakdownConfig>();
-  const { color: cardTitleColor, ...restCardTitleProps } =
-    useState('cardTitle');
 
   return (
     <Flex
@@ -57,18 +56,21 @@ export function BreakdownEmbedCard({ tank }: BreakdownEmbedCardProps) {
         p={useState('cardHeaderPadding')}
       >
         <Text
-          style={{
-            color: useState('cardTitleTypeColor')
-              ? tank === null
-                ? cardTitleColor
-                : tank.treeType === 'collector'
-                  ? 'blue'
-                  : tank.treeType === 'premium'
-                    ? 'amber'
-                    : cardTitleColor
-              : cardTitleColor,
+          {...{
+            ...useRichText('cardTitle'),
+            style:
+              tank === null
+                ? undefined
+                : tank.treeType === 'researchable' ||
+                    !useState('cardTitleTypeColor')
+                  ? undefined
+                  : {
+                      color:
+                        tank.treeType === 'premium'
+                          ? amberDark.amber11
+                          : blueDark.blue11,
+                    },
           }}
-          {...restCardTitleProps}
         >
           <Flex align="center" gap="1">
             {useState('cardTitleClassIcon') && tank !== null && (