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"
                       }`}
                     >