fix: unify vote highlight color to destructive (red) for both up and down

apps/docs/src/components/store/DetailPage.tsx

@@ -39,7 +39,7 @@ const copyState = [
   { Icon: IconCopy, label: "Copy", iconClass: "" },
   { Icon: IconCheck, label: "Copied!", iconClass: "text-green-500" },
 ] as const;
-const scoreClassBySign = { positive: "text-primary", negative: "text-destructive", neutral: "" } as const;
+const scoreClassBySign = { positive: "text-destructive", negative: "text-destructive", neutral: "" } as const;
 const dotClass = ["bg-white/40", "bg-white"];
 
 const commentAuthorName = (c: StoreComment) => c.expand?.author?.name || c.expand?.author?.username || "unknown";
@@ -540,7 +540,7 @@ const MarketplaceDetail = ({ storeUrl }: { storeUrl: string }) => {
             aria-label="Upvote"
             className={cn(
               "flex items-center justify-center rounded-[5px] p-1.5 transition-colors hover:bg-accent",
-              userVote?.value === 1 && "bg-primary/15 text-primary",
+              userVote?.value === 1 && "bg-destructive/15 text-destructive",
             )}
           >
             <IconArrowBigUp size={18} />

apps/docs/src/components/store/StoreApp.tsx

@@ -312,7 +312,7 @@ const SubmissionCard = ({
               aria-label="Upvote"
               className={cn(
                 "flex items-center justify-center rounded-[5px] p-1 transition-colors hover:bg-accent",
-                userVote === 1 && "bg-primary/15 text-primary",
+                userVote === 1 && "bg-destructive/15 text-destructive",
               )}
             >
               <IconArrowBigUp size={14} />
@@ -320,7 +320,7 @@ const SubmissionCard = ({
             <span
               className={cn(
                 "min-w-5 text-center text-xs font-semibold tabular-nums",
-                score > 0 && "text-primary",
+                score > 0 && "text-destructive",
                 score < 0 && "text-destructive",
               )}
             >