From ed001ea74a177d7e04adad0cca46ace0167ee0a0 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Wed, 17 Sep 2025 09:14:59 +0200
Subject: [PATCH] style: update DailyAddForm and EditCheckboxModal for
 consistent theme - Changed default selected type in DailyAddForm from 'task'
 to 'meeting'. - Updated class names in DailyAddForm and EditCheckboxModal for
 improved visual consistency and user experience, ensuring better color
 contrast and hover effects.

---
 components/daily/DailyAddForm.tsx      | 6 +++---
 components/daily/EditCheckboxModal.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/daily/DailyAddForm.tsx b/components/daily/DailyAddForm.tsx
index cae96d9..685f2b0 100644
--- a/components/daily/DailyAddForm.tsx
+++ b/components/daily/DailyAddForm.tsx
@@ -13,7 +13,7 @@ interface DailyAddFormProps {
 
 export function DailyAddForm({ onAdd, disabled = false, placeholder = "Ajouter une tâche..." }: DailyAddFormProps) {
   const [newCheckboxText, setNewCheckboxText] = useState('');
-  const [selectedType, setSelectedType] = useState<DailyCheckboxType>('task');
+  const [selectedType, setSelectedType] = useState<DailyCheckboxType>('meeting');
   const inputRef = useRef<HTMLInputElement>(null);
 
   const handleAddCheckbox = () => {
@@ -56,7 +56,7 @@ export function DailyAddForm({ onAdd, disabled = false, placeholder = "Ajouter u
           size="sm"
           className={`flex items-center gap-1 text-xs border-l-4 ${
             selectedType === 'task' 
-              ? 'border-l-green-500 bg-green-100 dark:bg-green-900/40 text-green-900 dark:text-green-100 font-medium' 
+              ? 'border-l-green-500 bg-green-500/30 text-white font-medium' 
               : 'border-l-green-300 hover:border-l-green-400 opacity-70 hover:opacity-90'
           }`}
           disabled={disabled}
@@ -70,7 +70,7 @@ export function DailyAddForm({ onAdd, disabled = false, placeholder = "Ajouter u
           size="sm"
           className={`flex items-center gap-1 text-xs border-l-4 ${
             selectedType === 'meeting' 
-              ? 'border-l-blue-500 bg-blue-100 dark:bg-blue-900/40 text-blue-900 dark:text-blue-100 font-medium' 
+              ? 'border-l-blue-500 bg-blue-500/30 text-white font-medium' 
               : 'border-l-blue-300 hover:border-l-blue-400 opacity-70 hover:opacity-90'
           }`}
           disabled={disabled}
diff --git a/components/daily/EditCheckboxModal.tsx b/components/daily/EditCheckboxModal.tsx
index f6ee201..b3421ac 100644
--- a/components/daily/EditCheckboxModal.tsx
+++ b/components/daily/EditCheckboxModal.tsx
@@ -129,7 +129,7 @@ export function EditCheckboxModal({
               size="sm"
               className={`flex items-center gap-2 border-l-4 ${
                 type === 'task' 
-                  ? 'border-l-green-500 bg-green-100 dark:bg-green-900/40 text-green-900 dark:text-green-100 font-medium' 
+                  ? 'border-l-green-500 bg-green-500/30 text-white font-medium' 
                   : 'border-l-green-300 hover:border-l-green-400 opacity-70 hover:opacity-90'
               }`}
             >
@@ -142,7 +142,7 @@ export function EditCheckboxModal({
               size="sm"
               className={`flex items-center gap-2 border-l-4 ${
                 type === 'meeting' 
-                  ? 'border-l-blue-500 bg-blue-100 dark:bg-blue-900/40 text-blue-900 dark:text-blue-100 font-medium' 
+                  ? 'border-l-blue-500 bg-blue-500/30 text-white font-medium' 
                   : 'border-l-blue-300 hover:border-l-blue-400 opacity-70 hover:opacity-90'
               }`}
             >