style: fix active tab background color in faq.tsx

Author: nikohoffren

pages/help/faq.tsx

@@ -101,7 +101,7 @@ const faqs: FAQItem[] = [
   {
     question: 'What’s the Difference Between Open Source and Free Software?',
     answer:
-        'While often used interchangeably, "Free Software" emphasizes user freedom (as defined by the Free Software Foundation), while "Open Source" focuses on source code availability and collaborative development.',
+      'While often used interchangeably, "Free Software" emphasizes user freedom (as defined by the Free Software Foundation), while "Open Source" focuses on source code availability and collaborative development.',
     category: 'Legal'
   }
 ]
@@ -209,7 +209,7 @@ export default function FAQ() {
                 onClick={() => setActiveCategory(category)}
                 className={`rounded-full px-6 py-2 text-sm font-medium transition-all duration-200 ${
                   activeCategory === category
-                    ? 'bg-modern-purple text-white'
+                    ? 'bg-modern-blue text-white'
                     : 'bg-gray-100 text-gray-600 hover:bg-gray-200'
                 }`}
               >

tailwind.config.js

@@ -23,6 +23,7 @@ module.exports = {
       colors: {
         modern: {
           blue: 'rgba(2,104,225,0.88)',
+          purple: '#844FBA',
           darkBlue: '#0F1F3A',
           navy: '#000C2D',
           lightBlue: '#6793E6',