Merge pull request #1216 from dacadeorg/fix/title-colors

fix: title colors in the challenge page

Author: musayann

src/components/sections/communities/_partials/Header.tsx

@@ -19,22 +19,20 @@ export default function Header({
   isTeamChallenge = false,
   isHackathon = false,
 }: HeaderProps): ReactElement {
-  const headerClassName = classNames("text-4xl md:text-5xl leading-none", {
+  const headerClassName = classNames("text-4xl md:text-5xl leading-none text-gray-900", {
     "hidden md:flex": hideTitleOnMobile,
-    "text-gray-400": subtitle,
-    "text-gray-900": !subtitle,
   });
 
   return (
     <div>
       <h1 className={headerClassName}>{title}</h1>
       <div className="flex items-start gap-1">
         {subtitle && (
-          <h2 className="text-4xl flex items-center font-normal leading-none md:text-5xl text-default">
+          <h2 className={`text-4xl flex items-center font-normal leading-none md:text-5xl ${title? "text-gray-400": "text-gray-900"}`}>
             {subtitle}
             {isTeamChallenge && (
               <div className="h-full flex -mt-2 items-start ml-2">
-                <Tag type="light">{isHackathon ? "Hackathon" : "TEAM"}</Tag>
+                <Tag type="gray">{isHackathon ? "Hackathon" : "TEAM"}</Tag>
               </div>
             )}
           </h2>