Apply purple #804EEC color to calendar view buttons

- "Créer un événement" sidebar button: solid purple background
- "Aujourd'hui" button: purple border and text (outline style)
- Active view toggle (month/week/day): purple text with white background when selected

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arthur Belleville 2026-02-21 21:14:44 +01:00
parent 8796be884d
commit 8af079dd1d
No known key found for this signature in database

View file

@ -1008,7 +1008,7 @@ export const PlanningPage = () => {
);
}
}}
className="w-full"
className="w-full bg-[#804EEC] hover:bg-[#6f3fd4] text-white"
disabled={isReadOnly}
>
<PlusIcon className="w-5 h-5 mr-2" />
@ -1094,7 +1094,7 @@ export const PlanningPage = () => {
<div className="flex items-center justify-between">
<div className="flex items-center space-x-4">
<TypographyH3>{t("planning:title")}</TypographyH3>
<Button onClick={goToToday} variant="outline" size="sm">
<Button onClick={goToToday} variant="outline" size="sm" className="border-[#804EEC] text-[#804EEC] hover:bg-[#804EEC]/10">
{t("planning:today")}
</Button>
<div className="flex items-center space-x-2">
@ -1140,7 +1140,7 @@ export const PlanningPage = () => {
title={t(`planning:views.${view}Title`)}
className={`px-3 py-1.5 text-sm rounded-md transition-colors capitalize ${
currentView === view
? "bg-background text-foreground shadow-sm"
? "bg-white dark:bg-gray-800 text-[#804EEC] shadow-sm font-semibold"
: "text-muted-foreground hover:text-foreground"
}`}
>