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

@@ -505,9 +505,9 @@ export function OFXImportDialog({
{importResults.map((result, i) => (
<div key={i} className="flex items-center gap-2">
{result.error ? (
<AlertCircle className="w-4 h-4 text-red-500 flex-shrink-0" />
<AlertCircle className="w-4 h-4 text-destructive flex-shrink-0" />
) : (
<CheckCircle2 className="w-4 h-4 text-emerald-500 flex-shrink-0" />
<CheckCircle2 className="w-4 h-4 text-success flex-shrink-0" />
)}
<span className="truncate">{result.fileName}</span>
{!result.error && (
@@ -524,16 +524,16 @@ export function OFXImportDialog({
{step === "success" && (
<div className="py-4">
<CheckCircle2 className="w-16 h-16 mx-auto mb-4 text-emerald-600" />
<CheckCircle2 className="w-16 h-16 mx-auto mb-4 text-success" />
{importResults.length > 1 && (
<div className="max-h-48 overflow-auto space-y-1 text-sm mb-4 border rounded-lg p-2">
{importResults.map((result, i) => (
<div key={i} className="flex items-center gap-2 py-1">
{result.error ? (
<AlertCircle className="w-4 h-4 text-red-500 flex-shrink-0" />
<AlertCircle className="w-4 h-4 text-destructive flex-shrink-0" />
) : (
<CheckCircle2 className="w-4 h-4 text-emerald-500 flex-shrink-0" />
<CheckCircle2 className="w-4 h-4 text-success flex-shrink-0" />
)}
<div className="flex-1 min-w-0">
<p className="truncate font-medium">
@@ -544,7 +544,7 @@ export function OFXImportDialog({
</p>
</div>
{result.error ? (
<span className="text-xs text-red-500 flex-shrink-0">
<span className="text-xs text-destructive flex-shrink-0">
{result.error}
</span>
) : (
@@ -559,7 +559,7 @@ export function OFXImportDialog({
)}
{errorCount > 0 && (
<p className="text-sm text-red-600 mb-4 text-center">
<p className="text-sm text-destructive mb-4 text-center">
{errorCount} fichier{errorCount > 1 ? "s" : ""} en erreur
</p>
)}
@@ -572,7 +572,7 @@ export function OFXImportDialog({
{step === "error" && (
<div className="text-center py-4">
<AlertCircle className="w-16 h-16 mx-auto mb-4 text-red-600" />
<AlertCircle className="w-16 h-16 mx-auto mb-4 text-destructive" />
<Button onClick={() => setStep("upload")}>Réessayer</Button>
</div>
)}