From 8af079dd1d549328b2431a7d4a1db1dbc58b6828 Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Sat, 21 Feb 2026 21:14:44 +0100
Subject: [PATCH] Apply purple #804EEC color to calendar view buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "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>
---
 apps/main/src/pages/planning.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/main/src/pages/planning.tsx b/apps/main/src/pages/planning.tsx
index 7c1bee6..6a8956d 100644
--- a/apps/main/src/pages/planning.tsx
+++ b/apps/main/src/pages/planning.tsx
@@ -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"
                       }`}
                     >