diff --git a/components/banner/BossBanner.tsx b/components/banner/BossBanner.tsx index f0ea2af5..f587d97d 100644 --- a/components/banner/BossBanner.tsx +++ b/components/banner/BossBanner.tsx @@ -6,12 +6,12 @@ const BANNER_KEY = "queuer-banner" const defaultStyles = { container: - "dark:text-bdp-white dark:shadow-dark-light gap-2 flex items-center justify-between w-full px-2 sm:px-4 shadow-md transition-all duration-200 ease-in-out text-center", + "gap-2 flex items-center justify-between w-full px-2 sm:px-4 shadow-md transition-all duration-200 ease-in-out text-center", bannerInfoContainer: `flex flex-col flex-[1_1_auto]`, - headingText: "font-semibold text-sm md:text-lg", + headingText: "font-semibold text-brand-dark text-sm md:text-lg", bodyText: "text-sm md:text-base", - link: "text-bdp-accent underline font-semibold text-xs md:text-sm", - icon: "text-bdp-lightGrey hover:text-red-500 transition-all duration-200 ease-in-out", + link: "text-brand-orange-100 underline font-semibold text-xs md:text-sm", + icon: "text-orange-500 transition-all duration-200 ease-in-out", boss: "text-bdp-accent text-base md:text-lg" } as const @@ -36,9 +36,7 @@ const BossBanner = () => { }, []) return ( -
+
{ {" "} @@ -69,9 +67,9 @@ const BossBanner = () => { defaultStyles.link, "dark:text-orange-400 text-orange-500" )} - href={"https://learning.chaincode.com/#BOSS"} + href="https://bosschallenge.xyz" > - APPLY TODAY + APPLY FOR THE ₿OSS CHALLENGE TODAY