change purple color to #1877F2 everywhere

src/app/globals.css

@@ -14,19 +14,19 @@ body {
     --card-foreground: 240 10% 3.9%;
     --popover: 240 67% 97%;
     --popover-foreground: 240 10% 3.9%;
-    --primary: 272 100% 25%; /* Indigo - 4B0082 */
-    --primary-foreground: 0 0% 98%; /* White text on Indigo */
+    --primary: 214 89 52; /* New Blue from #1877F2 */
+    --primary-foreground: 0 0 98; /* White text on new Blue */
     --secondary: 240 30% 90%; /* Lighter grey for secondary elements */
     --secondary-foreground: 240 5% 25%;
     --muted: 240 20% 85%; /* Muted grey */
     --muted-foreground: 240 5% 45%;
-    --accent: 274 100% 50%; /* Violet - 8F00FF */
-    --accent-foreground: 0 0% 98%; /* White text on Violet */
+    --accent: 214 89 52; /* New Blue from #1877F2 */
+    --accent-foreground: 0 0 98; /* White text on new Blue */
     --destructive: 0 84.2% 60.2%;
     --destructive-foreground: 0 0% 98%;
     --border: 240 20% 88%; /* Slightly darker border */
     --input: 240 20% 92%; /* Input background */
-    --ring: 274 100% 60%; /* Ring color related to accent */
+    --ring: 214 89 62; /* Ring color related to new blue accent */
     --chart-1: 12 76% 61%;
     --chart-2: 173 58% 39%;
     --chart-3: 197 37% 24%;
@@ -37,12 +37,12 @@ body {
     /* Sidebar specific colors, matched to the theme */
     --sidebar-background: 240 60% 95%; /* Slightly darker lavender for sidebar */
     --sidebar-foreground: 240 10% 20%;
-    --sidebar-primary: 272 100% 25%;
-    --sidebar-primary-foreground: 0 0% 98%;
-    --sidebar-accent: 274 100% 50%;
-    --sidebar-accent-foreground: 0 0% 98%;
+    --sidebar-primary: 214 89 52;
+    --sidebar-primary-foreground: 0 0 98;
+    --sidebar-accent: 214 89 52;
+    --sidebar-accent-foreground: 0 0 98;
     --sidebar-border: 240 30% 85%;
-    --sidebar-ring: 274 100% 60%;
+    --sidebar-ring: 214 89 62;
   }
 
   .dark {
@@ -53,28 +53,28 @@ body {
     --card-foreground: 0 0% 98%;
     --popover: 240 10% 3.9%;
     --popover-foreground: 0 0% 98%;
-    --primary: 272 100% 70%; /* Lighter Indigo for dark mode */
-    --primary-foreground: 272 100% 15%;
+    --primary: 214 89 65; /* Lighter new Blue for dark mode */
+    --primary-foreground: 214 80 15; /* Darker blue text for contrast */
     --secondary: 240 5% 15%;
     --secondary-foreground: 0 0% 98%;
     --muted: 240 5% 20%;
     --muted-foreground: 0 0% 63.9%;
-    --accent: 274 100% 65%; /* Lighter Violet for dark mode */
-    --accent-foreground: 274 100% 10%;
+    --accent: 214 89 65; /* Lighter new Blue for dark mode */
+    --accent-foreground: 214 80 15; /* Darker blue text for contrast */
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 0% 98%;
     --border: 240 5% 15%;
     --input: 240 5% 15%;
-    --ring: 274 100% 70%;
+    --ring: 214 89 70; /* Ring color for dark mode new blue */
 
     --sidebar-background: 240 8% 7%;
     --sidebar-foreground: 0 0% 95%;
-    --sidebar-primary: 272 100% 70%;
-    --sidebar-primary-foreground: 272 100% 15%;
-    --sidebar-accent: 274 100% 65%;
-    --sidebar-accent-foreground: 274 100% 10%;
+    --sidebar-primary: 214 89 65;
+    --sidebar-primary-foreground: 214 80 15;
+    --sidebar-accent: 214 89 65;
+    --sidebar-accent-foreground: 214 80 15;
     --sidebar-border: 240 5% 15%;
-    --sidebar-ring: 274 100% 70%;
+    --sidebar-ring: 214 89 70;
   }
 }