style(frontend): suavizar colores de estado en dark mode

Author: ArturoGomezGz

MtdrSpring/backend/src/main/frontend/src/components/common/Badge.jsx

@@ -1,17 +1,17 @@
 import React from 'react';
 
 const statusColors = {
-  TODO: 'bg-gray-100 text-gray-700',
-  IN_PROGRESS: 'bg-blue-100 text-blue-700',
-  BLOCKED: 'bg-red-100 text-red-700',
-  DONE: 'bg-green-100 text-green-700',
-  PLANNING: 'bg-yellow-100 text-yellow-700',
-  ACTIVE: 'bg-blue-100 text-blue-700',
-  CLOSED: 'bg-gray-100 text-gray-500',
-  PAUSED: 'bg-orange-100 text-orange-700',
-  LOW: 'bg-gray-100 text-gray-600',
-  MEDIUM: 'bg-yellow-100 text-yellow-700',
-  HIGH: 'bg-red-100 text-red-700',
+  TODO:        'bg-gray-100 text-gray-700        dark:bg-slate-800 dark:text-slate-400',
+  IN_PROGRESS: 'bg-blue-100 text-blue-700        dark:bg-[#1C2B42] dark:text-[#7EB8F0]',
+  BLOCKED:     'bg-red-100 text-red-700          dark:bg-[#271D1D] dark:text-[#E08A8A]',
+  DONE:        'bg-green-100 text-green-700      dark:bg-[#1B2A22] dark:text-[#6DC98A]',
+  PLANNING:    'bg-yellow-100 text-yellow-700    dark:bg-[#252010] dark:text-[#D4A85A]',
+  ACTIVE:      'bg-blue-100 text-blue-700        dark:bg-[#1C2B42] dark:text-[#7EB8F0]',
+  CLOSED:      'bg-gray-100 text-gray-500        dark:bg-slate-800 dark:text-slate-500',
+  PAUSED:      'bg-orange-100 text-orange-700    dark:bg-[#261F12] dark:text-[#D49060]',
+  LOW:         'bg-gray-100 text-gray-600        dark:bg-slate-800 dark:text-slate-400',
+  MEDIUM:      'bg-yellow-100 text-yellow-700    dark:bg-[#252010] dark:text-[#D4A85A]',
+  HIGH:        'bg-red-100 text-red-700          dark:bg-[#271D1D] dark:text-[#E08A8A]',
 };
 
 export default function Badge({ value, className = '' }) {

MtdrSpring/backend/src/main/frontend/src/index.css

@@ -84,21 +84,21 @@
   /* Status chip backgrounds */
   --status-todo-bg:     #1E293B;
   --status-todo-dot:    #94A3B8;
-  --status-todo-text:   #CBD5E1;
-  --status-ip-bg:       #172554;
-  --status-ip-dot:      #60A5FA;
-  --status-ip-text:     #60A5FA;
-  --status-blocked-bg:  #2D1515;
-  --status-blocked-dot: #F87171;
-  --status-blocked-text:#F87171;
-  --status-done-bg:     #052E16;
-  --status-done-dot:    #4ADE80;
-  --status-done-text:   #4ADE80;
+  --status-todo-text:   #94A3B8;
+  --status-ip-bg:       #1C2B42;
+  --status-ip-dot:      #7EB8F0;
+  --status-ip-text:     #7EB8F0;
+  --status-blocked-bg:  #271D1D;
+  --status-blocked-dot: #E08A8A;
+  --status-blocked-text:#E08A8A;
+  --status-done-bg:     #1B2A22;
+  --status-done-dot:    #6DC98A;
+  --status-done-text:   #6DC98A;
 
   /* Blocked alert */
-  --alert-blocked-bg:   #2D1515;
-  --alert-done-bg:      #052E16;
-  --alert-done-text:    #4ADE80;
+  --alert-blocked-bg:   #271D1D;
+  --alert-done-bg:      #1B2A22;
+  --alert-done-text:    #6DC98A;
 
   /* Table alternating row */
   --table-alt:      #263448;