Refactor Members Directory and Newsletter Archive styles to use new color palette

- Updated color classes in MembersDirectory.js to use new color variables for borders, backgrounds, and text.
- Enhanced visual consistency by replacing hardcoded colors with Tailwind CSS color utilities.
- Modified NewsletterArchive.js to align with the new design system, ensuring a cohesive look across components.
- Added new color variables in tailwind.config.js for better maintainability and scalability.

src/index.css

@@ -46,6 +46,8 @@ code {
     --chart-3: 268 33% 89%;
     --chart-4: 280 44% 29%;
     --chart-5: 268 35% 47%;
+    --chart-6: 256 32% 88%;
+    --chart-7: 255 33% 98%;
     --radius: 0.5rem;
   }
   .dark {
@@ -61,8 +63,10 @@ code {
     --secondary-foreground: 0 0% 98%;
     --muted: 0 0% 14.9%;
     --muted-foreground: 0 0% 63.9%;
-    --accent: 0 0% 14.9%;
-    --accent-foreground: 0 0% 98%;
+    /* --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%; */
+    --accent: 17 100% 73%;
+    --accent-foreground: 280 47% 27%;
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 0% 98%;
     --border: 0 0% 14.9%;
@@ -73,6 +77,8 @@ code {
     --chart-3: 30 80% 55%;
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
+    --chart-6: 0 0% 14.9%;
+    --chart-7: 0 0% 14.9%;
   }
 }