theme color changed

.gitignore

@@ -5,6 +5,9 @@
 /.pnp
 .pnp.js
 
+/.idea
+/.vscode
+
 # testing
 /coverage
 

src/components/Reminders/ReminderTable.jsx

@@ -109,7 +109,10 @@ export default function ReminderTable({ className }) {
                           </h1>
                           <span className="text-sm text-thin-light-gray">
                           
-                            Added <span className="text-purple">{new Date(reminder.added).toLocaleString()}</span>
+                            Added <span className="text-purple">
+                              {/* {new Date(reminder.added).toLocaleString()} */}
+                              {reminder.added.split('.')[0].replace(/-/g, '/').replace(/ /g, ', ')}
+                              </span>
                           </span>
                         </div>
                       </div>
@@ -118,14 +121,16 @@ export default function ReminderTable({ className }) {
                       <div className="flex space-x-1 items-center justify-center">
              
                         <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        {new Date(reminder.start_date).toLocaleString()}
+                        {/* {new Date(reminder.start_date).toLocaleString()} */}
+                        {reminder.start_date.split('.')[0].replace(/-/g, '/').replace(/ /g, ', ')}
                         </span>
                       </div>
                     </td>
                     <td className="text-center py-4 px-2">
                       <div className="flex space-x-1 items-center justify-center">
                         <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        {new Date(reminder.end_date).toLocaleString()}
+                        {/* {new Date(reminder.end_date).toLocaleString()} */}
+                        {reminder.end_date.split('.')[0].replace(/-/g, '/').replace(/ /g, ', ')}
                         </span>
                       </div>
                     </td>
@@ -165,7 +170,10 @@ export default function ReminderTable({ className }) {
                           </h1>
                           <span className="text-sm text-thin-light-gray">
                           
-                            Added <span className="text-purple">{new Date(reminder.added).toLocaleString()}</span>
+                            Added <span className="text-purple">
+                              {/* {new Date(reminder.added).toLocaleString()} */}
+                              {reminder.added.split('.')[0].replace(/-/g, '/').replace(/ /g, ', ')}
+                              </span>
                           </span>
                         </div>
                       </div>
@@ -174,14 +182,16 @@ export default function ReminderTable({ className }) {
                       <div className="flex space-x-1 items-center justify-center">
              
                         <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        {new Date(reminder.start_date).toLocaleString()}
+                        {/* {new Date(reminder.start_date).toLocaleString()} */}
+                        {reminder.start_date.split('.')[0].replace(/-/g, '/').replace(/ /g, ', ')}
                         </span>
                       </div>
                     </td>
                     <td className="text-center py-4 px-2">
                       <div className="flex space-x-1 items-center justify-center">
                         <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                        {new Date(reminder.end_date).toLocaleString()}
+                        {/* {new Date(reminder.end_date).toLocaleString()} */}
+                        {reminder.end_date.split('.')[0].replace(/-/g, '/').replace(/ /g, ', ')}
                         </span>
                       </div>
                     </td>

src/index.css

@@ -520,7 +520,7 @@ input[type="number"] {
   transition: all 0.5s ease-in-out;
   width: 58px;
   height: 58px;
-  @apply bg-pink;
+  @apply bg-purple;
 }
 
 /* TODO: =================================login end================================= */