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:
@@ -35,42 +35,49 @@ const DEFAULT_BACKGROUNDS: Array<{
|
||||
value: BackgroundType;
|
||||
label: string;
|
||||
preview: string;
|
||||
description?: string;
|
||||
}> = [
|
||||
{
|
||||
value: "default",
|
||||
label: "Par défaut",
|
||||
preview:
|
||||
"linear-gradient(135deg, oklch(0.98 0.01 280) 0%, oklch(0.97 0.012 270) 50%, oklch(0.98 0.01 290) 100%)",
|
||||
label: "Neutre",
|
||||
preview: "linear-gradient(135deg, oklch(0.985 0 0) 0%, oklch(0.97 0.005 260) 50%, oklch(0.985 0 0) 100%)",
|
||||
description: "Fond neutre et élégant",
|
||||
},
|
||||
{
|
||||
value: "gradient-blue",
|
||||
label: "Dégradé bleu",
|
||||
preview: "linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%)",
|
||||
label: "Océan",
|
||||
preview: "linear-gradient(135deg, oklch(0.95 0.03 230) 0%, oklch(0.88 0.08 225) 50%, oklch(0.78 0.12 220) 100%)",
|
||||
description: "Dégradé bleu apaisant",
|
||||
},
|
||||
{
|
||||
value: "gradient-purple",
|
||||
label: "Dégradé violet",
|
||||
preview: "linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 50%, #d8b4fe 100%)",
|
||||
label: "Améthyste",
|
||||
preview: "linear-gradient(135deg, oklch(0.95 0.04 300) 0%, oklch(0.88 0.1 295) 50%, oklch(0.78 0.15 290) 100%)",
|
||||
description: "Dégradé violet sophistiqué",
|
||||
},
|
||||
{
|
||||
value: "gradient-green",
|
||||
label: "Dégradé vert",
|
||||
preview: "linear-gradient(135deg, #dcfce7 0%, #bbf7d0 50%, #86efac 100%)",
|
||||
label: "Forêt",
|
||||
preview: "linear-gradient(135deg, oklch(0.95 0.04 160) 0%, oklch(0.88 0.1 155) 50%, oklch(0.78 0.14 150) 100%)",
|
||||
description: "Dégradé vert naturel",
|
||||
},
|
||||
{
|
||||
value: "gradient-orange",
|
||||
label: "Dégradé orange",
|
||||
preview: "linear-gradient(135deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%)",
|
||||
label: "Aurore",
|
||||
preview: "linear-gradient(135deg, oklch(0.97 0.03 80) 0%, oklch(0.92 0.08 60) 50%, oklch(0.85 0.14 45) 100%)",
|
||||
description: "Dégradé orange chaleureux",
|
||||
},
|
||||
{
|
||||
value: "solid-light",
|
||||
label: "Solide clair",
|
||||
preview: "#ffffff",
|
||||
label: "Lumineux",
|
||||
preview: "linear-gradient(135deg, oklch(1 0 0) 0%, oklch(0.98 0.005 260) 100%)",
|
||||
description: "Fond blanc épuré",
|
||||
},
|
||||
{
|
||||
value: "solid-dark",
|
||||
label: "Solide sombre",
|
||||
preview: "#1e293b",
|
||||
label: "Minuit",
|
||||
preview: "linear-gradient(135deg, oklch(0.18 0.02 260) 0%, oklch(0.08 0.015 250) 100%)",
|
||||
description: "Fond sombre immersif",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@@ -46,7 +46,7 @@ export function DangerZoneCard({
|
||||
const result = await onDeduplicate();
|
||||
if (result.deletedCount > 0) {
|
||||
alert(
|
||||
`${result.deletedCount} transaction${result.deletedCount > 1 ? "s" : ""} en double supprimée${result.deletedCount > 1 ? "s" : ""}`,
|
||||
`${result.deletedCount} transaction${result.deletedCount > 1 ? "s" : ""} en double supprimée${result.deletedCount > 1 ? "s" : ""}`
|
||||
);
|
||||
} else {
|
||||
alert("Aucun doublon trouvé");
|
||||
@@ -59,9 +59,9 @@ export function DangerZoneCard({
|
||||
}
|
||||
};
|
||||
return (
|
||||
<Card className="border-red-200">
|
||||
<Card className="border-destructive/30 card-hover">
|
||||
<CardHeader>
|
||||
<CardTitle className="flex items-center gap-2 text-red-600">
|
||||
<CardTitle className="flex items-center gap-2 text-destructive">
|
||||
<Trash2 className="w-5 h-5" />
|
||||
Zone dangereuse
|
||||
</CardTitle>
|
||||
|
||||
Reference in New Issue
Block a user