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:
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user