From 521e905724c77c36feed911821c87d7ad94b4d04 Mon Sep 17 00:00:00 2001
From: miloschwartz <mschwartz10612@gmail.com>
Date: Tue, 10 Feb 2026 21:21:20 -0800
Subject: [PATCH] use purple banner for all paid features alert

---
 src/components/PaidFeaturesAlert.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/PaidFeaturesAlert.tsx b/src/components/PaidFeaturesAlert.tsx
index c94043b6..437463a7 100644
--- a/src/components/PaidFeaturesAlert.tsx
+++ b/src/components/PaidFeaturesAlert.tsx
@@ -10,10 +10,11 @@ import { useEnvContext } from "@app/hooks/useEnvContext";
 import { Tier } from "@server/types/Tiers";
 
 const bannerClassName =
-    "mb-6 border-primary/30 bg-linear-to-br from-primary/10 via-background to-background overflow-hidden";
+    "mb-6 border-purple-500/30 bg-linear-to-br from-purple-500/10 via-background to-background overflow-hidden";
 const bannerContentClassName = "py-3 px-4";
 const bannerRowClassName =
     "flex items-center gap-2.5 text-sm text-muted-foreground";
+const bannerIconClassName = "size-4 shrink-0 text-purple-500";
 
 type Props = {
     tiers: Tier[];
@@ -34,7 +35,7 @@ export function PaidFeaturesAlert({ tiers }: Props) {
                 <Card className={bannerClassName}>
                     <CardContent className={bannerContentClassName}>
                         <div className={bannerRowClassName}>
-                            <KeyRound className="size-4 shrink-0 text-primary" />
+                            <KeyRound className={bannerIconClassName} />
                             <span>{isActive ? t("mustUpgradeToUse") : t("subscriptionRequiredToUse")}</span>
                         </div>
                     </CardContent>
@@ -45,7 +46,7 @@ export function PaidFeaturesAlert({ tiers }: Props) {
                 <Card className={bannerClassName}>
                     <CardContent className={bannerContentClassName}>
                         <div className={bannerRowClassName}>
-                            <KeyRound className="size-4 shrink-0 text-primary" />
+                            <KeyRound className={bannerIconClassName} />
                             <span>{t("licenseRequiredToUse")}</span>
                         </div>
                     </CardContent>
@@ -53,10 +54,10 @@ export function PaidFeaturesAlert({ tiers }: Props) {
             ) : null}
 
             {build === "oss" && !hasEnterpriseLicense ? (
-                <Card className="mb-6 border-purple-500/30 bg-linear-to-br from-purple-500/10 via-background to-background overflow-hidden">
+                <Card className={bannerClassName}>
                     <CardContent className={bannerContentClassName}>
                         <div className={bannerRowClassName}>
-                            <KeyRound className="size-4 shrink-0 text-purple-500" />
+                            <KeyRound className={bannerIconClassName} />
                             <span>
                                 {t.rich("ossEnterpriseEditionRequired", {
                                     enterpriseEditionLink: (chunks) => (