feat: enhance global styles and component themes with new semantic colors; integrate ThemeProvider for improved theme management and update color usage across various components for consistency

This commit is contained in:
Julien Froidefond
2025-12-22 08:40:25 +01:00
parent 6c14484636
commit 4f13134ef0
39 changed files with 809 additions and 432 deletions

View File

@@ -227,7 +227,7 @@ export function TransactionTable({
);
return (
<Card className="overflow-hidden w-full">
<Card className="overflow-hidden w-full card-hover">
<CardContent className="p-0 w-full">
{transactions.length === 0 ? (
<div className="flex flex-col items-center justify-center py-12">
@@ -323,8 +323,8 @@ export function TransactionTable({
className={cn(
"font-semibold tabular-nums text-base md:text-base shrink-0",
transaction.amount >= 0
? "text-emerald-600"
: "text-red-600"
? "text-success"
: "text-destructive"
)}
>
{transaction.amount >= 0 ? "+" : ""}
@@ -398,7 +398,7 @@ export function TransactionTable({
onDelete(transaction.id);
}
}}
className="text-red-600 focus:text-red-600"
className="text-destructive focus:text-destructive"
>
<Trash2 className="w-4 h-4 mr-2" />
Supprimer
@@ -576,8 +576,8 @@ export function TransactionTable({
className={cn(
"p-3 text-right font-semibold tabular-nums",
transaction.amount >= 0
? "text-emerald-600"
: "text-red-600"
? "text-success"
: "text-destructive"
)}
>
{transaction.amount >= 0 ? "+" : ""}
@@ -592,7 +592,7 @@ export function TransactionTable({
className="p-1 hover:bg-muted rounded"
>
{transaction.isReconciled ? (
<CheckCircle2 className="w-5 h-5 text-emerald-600" />
<CheckCircle2 className="w-5 h-5 text-success" />
) : (
<Circle className="w-5 h-5 text-muted-foreground" />
)}
@@ -650,7 +650,7 @@ export function TransactionTable({
onDelete(transaction.id);
}
}}
className="text-red-600 focus:text-red-600"
className="text-destructive focus:text-destructive"
>
<Trash2 className="w-4 h-4 mr-2" />
Supprimer