From 2ffdaafd08ca0f3c856921a3876eb424cb9cc693 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Wed, 11 Mar 2026 18:05:45 +0100
Subject: [PATCH] style(frontend) : update timer and delete action colors

---
 frontend/components/task/TaskCard.vue                      | 2 +-
 frontend/components/task/TaskDrawer.vue                    | 2 +-
 frontend/components/time-tracking/TimeEntryContextMenu.vue | 2 +-
 frontend/components/time-tracking/TimeEntryDrawer.vue      | 2 +-
 frontend/components/time-tracking/TimeEntryList.vue        | 2 +-
 frontend/components/ui/ConfirmDeleteStatusModal.vue        | 2 +-
 frontend/components/ui/DataTable.vue                       | 2 +-
 frontend/components/ui/SidebarTimer.vue                    | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/components/task/TaskCard.vue b/frontend/components/task/TaskCard.vue
index e489e85..8182c46 100644
--- a/frontend/components/task/TaskCard.vue
+++ b/frontend/components/task/TaskCard.vue
@@ -10,7 +10,7 @@
             <h4 class="text-sm font-semibold text-neutral-900">{{ task.title }}</h4>
             <button
                 class="shrink-0 transition-colors"
-                :class="isTimerOnTask ? 'text-red-500 hover:text-red-600' : 'text-neutral-400 hover:text-primary-500'"
+                :class="isTimerOnTask ? 'text-[#F18619] hover:text-[#d97314]' : 'text-neutral-400 hover:text-primary-500'"
                 @click.stop="isTimerOnTask ? timerStore.stop() : onPlay()"
             >
                 <Icon :name="isTimerOnTask ? 'mdi:stop-circle-outline' : 'mdi:play-circle-outline'" size="20" />
diff --git a/frontend/components/task/TaskDrawer.vue b/frontend/components/task/TaskDrawer.vue
index 3cbceb2..9aebad3 100644
--- a/frontend/components/task/TaskDrawer.vue
+++ b/frontend/components/task/TaskDrawer.vue
@@ -77,7 +77,7 @@
                 <button
                     v-if="isEditing"
                     type="button"
-                    class="rounded-md bg-[#E2953C] px-4 py-2 text-sm font-semibold text-white hover:bg-[#c97a2f] disabled:cursor-not-allowed disabled:opacity-50"
+                    class="rounded-md bg-red-500 px-4 py-2 text-sm font-semibold text-white hover:bg-red-600 disabled:cursor-not-allowed disabled:opacity-50"
                     :disabled="isSubmitting"
                     @click="handleDelete"
                 >
diff --git a/frontend/components/time-tracking/TimeEntryContextMenu.vue b/frontend/components/time-tracking/TimeEntryContextMenu.vue
index cc43e49..6088ed3 100644
--- a/frontend/components/time-tracking/TimeEntryContextMenu.vue
+++ b/frontend/components/time-tracking/TimeEntryContextMenu.vue
@@ -24,7 +24,7 @@
             </button>
             <button
                 v-if="entry"
-                class="flex w-full items-center gap-2 px-4 py-2 text-sm text-[#E2953C] hover:bg-orange-50"
+                class="flex w-full items-center gap-2 px-4 py-2 text-sm text-red-600 hover:bg-red-50"
                 @click="onDelete"
             >
                 <Icon name="mdi:delete-outline" size="16" />
diff --git a/frontend/components/time-tracking/TimeEntryDrawer.vue b/frontend/components/time-tracking/TimeEntryDrawer.vue
index 1d1aa13..7fcde22 100644
--- a/frontend/components/time-tracking/TimeEntryDrawer.vue
+++ b/frontend/components/time-tracking/TimeEntryDrawer.vue
@@ -84,7 +84,7 @@
                 <button
                     v-if="isEditing"
                     type="button"
-                    class="rounded-md bg-[#E2953C] px-4 py-2 text-sm font-semibold text-white hover:bg-[#c97a2f] transition"
+                    class="rounded-md bg-red-500 px-4 py-2 text-sm font-semibold text-white hover:bg-red-600 transition"
                     @click="onDelete"
                 >
                     Supprimer
diff --git a/frontend/components/time-tracking/TimeEntryList.vue b/frontend/components/time-tracking/TimeEntryList.vue
index 0ba88a0..b58c6d1 100644
--- a/frontend/components/time-tracking/TimeEntryList.vue
+++ b/frontend/components/time-tracking/TimeEntryList.vue
@@ -55,7 +55,7 @@
 
             <!-- Delete action -->
             <button
-                class="shrink-0 rounded-md p-1.5 text-neutral-300 opacity-0 transition hover:bg-orange-50 hover:text-[#E2953C] group-hover:opacity-100"
+                class="shrink-0 rounded-md p-1.5 text-neutral-300 opacity-0 transition hover:bg-red-50 hover:text-red-500 group-hover:opacity-100"
                 title="Supprimer"
                 @click.stop="emit('deleteEntry', entry)"
             >
diff --git a/frontend/components/ui/ConfirmDeleteStatusModal.vue b/frontend/components/ui/ConfirmDeleteStatusModal.vue
index 02f271f..1fadbc5 100644
--- a/frontend/components/ui/ConfirmDeleteStatusModal.vue
+++ b/frontend/components/ui/ConfirmDeleteStatusModal.vue
@@ -31,7 +31,7 @@
                         </button>
                         <button
                             type="button"
-                            class="rounded-md bg-[#E2953C] px-4 py-2 text-sm font-semibold text-white hover:bg-[#c97a2f] disabled:opacity-50"
+                            class="rounded-md bg-[red-600] px-4 py-2 text-sm font-semibold text-white hover:bg-[red-700] disabled:opacity-50"
                             :disabled="isProcessing"
                             @click="confirm"
                         >
diff --git a/frontend/components/ui/DataTable.vue b/frontend/components/ui/DataTable.vue
index 745bab6..5d835a6 100644
--- a/frontend/components/ui/DataTable.vue
+++ b/frontend/components/ui/DataTable.vue
@@ -34,7 +34,7 @@
                     </td>
                     <td v-if="deletable" class="px-4 py-3">
                         <button
-                            class="text-[#E2953C] hover:text-[#c97a2f]"
+                            class="text-[red-500] hover:text-[red-700]"
                             @click.stop="$emit('delete', item)"
                         >
                             <Icon name="mdi:delete-outline" size="20" />
diff --git a/frontend/components/ui/SidebarTimer.vue b/frontend/components/ui/SidebarTimer.vue
index 6fde292..ca437b3 100644
--- a/frontend/components/ui/SidebarTimer.vue
+++ b/frontend/components/ui/SidebarTimer.vue
@@ -2,7 +2,7 @@
     <button
         class="flex w-full items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-semibold text-white transition"
         :class="timerStore.isRunning
-            ? 'bg-red-500 hover:bg-red-600'
+            ? 'bg-[#F18619] hover:bg-[#d97314]'
             : 'bg-primary-500 hover:bg-primary-600'"
         :title="timerStore.isRunning ? 'Arrêter le timer' : 'Démarrer un timer'"
         @click="timerStore.isRunning ? timerStore.stop() : timerStore.start()"