Aplicou tokens semânticos de cor

X-Lovable-Edit-ID: edt-aa17ea9d-0145-476d-9694-4ab71b96c01e
Co-authored-by: domfelipe <53182096+domfelipe@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot] 2026-04-17 19:03:07 +00:00
commit f0d170ee5c
4 changed files with 7 additions and 7 deletions

View file

@ -46,7 +46,7 @@ export function PaymentIssueBanner() {
className={ className={
isUnpaid isUnpaid
? "border-b border-destructive/30 bg-destructive/10" ? "border-b border-destructive/30 bg-destructive/10"
: "border-b border-amber-500/30 bg-amber-500/10" : "border-b border-warning/30 bg-warning/10"
} }
> >
<div className="mx-auto max-w-6xl px-4 sm:px-6 py-3 flex flex-col sm:flex-row sm:items-center gap-3"> <div className="mx-auto max-w-6xl px-4 sm:px-6 py-3 flex flex-col sm:flex-row sm:items-center gap-3">
@ -54,14 +54,14 @@ export function PaymentIssueBanner() {
<AlertTriangle <AlertTriangle
className={ className={
"h-5 w-5 shrink-0 mt-0.5 " + "h-5 w-5 shrink-0 mt-0.5 " +
(isUnpaid ? "text-destructive" : "text-amber-600 dark:text-amber-500") (isUnpaid ? "text-destructive" : "text-warning")
} }
/> />
<div className="min-w-0"> <div className="min-w-0">
<p <p
className={ className={
"text-sm font-semibold " + "text-sm font-semibold " +
(isUnpaid ? "text-destructive" : "text-amber-700 dark:text-amber-400") (isUnpaid ? "text-destructive" : "text-warning")
} }
> >
{isUnpaid {isUnpaid

View file

@ -158,7 +158,7 @@ export function SkillTestPanel({
<div <div
className={ className={
result.status === "success" result.status === "success"
? "rounded-xl border border-blue-500/30 bg-blue-500/5 p-4" ? "rounded-xl border border-info/30 bg-info/5 p-4"
: "rounded-xl border border-destructive/30 bg-destructive/5 p-4" : "rounded-xl border border-destructive/30 bg-destructive/5 p-4"
} }
> >
@ -167,7 +167,7 @@ export function SkillTestPanel({
{result.status === "success" ? "Resultado do teste" : "Erro no teste"} {result.status === "success" ? "Resultado do teste" : "Erro no teste"}
</h3> </h3>
{result.status === "success" && ( {result.status === "success" && (
<Badge variant="outline" className="bg-blue-500/15 text-blue-600 dark:text-blue-400 border-blue-500/30"> <Badge variant="info">
Dry-run Dry-run
</Badge> </Badge>
)} )}

View file

@ -356,7 +356,7 @@ function SkillDetailPage() {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<span className="font-medium">v{v.version_number}</span> <span className="font-medium">v{v.version_number}</span>
{v.is_live && ( {v.is_live && (
<Badge className="bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 border-emerald-500/30 text-[10px]"> <Badge variant="success" className="text-[10px]">
Live Live
</Badge> </Badge>
)} )}

View file

@ -204,7 +204,7 @@ function NovaSkillPage() {
return ( return (
<li key={f.key} className="flex items-center gap-2 text-sm"> <li key={f.key} className="flex items-center gap-2 text-sm">
{done ? ( {done ? (
<Check className="h-4 w-4 text-emerald-500 shrink-0" /> <Check className="h-4 w-4 text-success shrink-0" />
) : ( ) : (
<CircleDashed className="h-4 w-4 text-muted-foreground/50 shrink-0" /> <CircleDashed className="h-4 w-4 text-muted-foreground/50 shrink-0" />
)} )}