enhanced the text visibility on sidebars and discussions cards

Author: meetoza30

docusaurus.config.ts

@@ -243,9 +243,6 @@ const config: Config = {
 
   markdown: {
     mermaid: true,
-    hooks: {
-      onBrokenMarkdownLinks: "warn",
-    },
   },
 
   // Keep legacy setting until fully migrated to v4
@@ -269,6 +266,9 @@ const config: Config = {
   // ✅ Add this customFields object to expose the token to the client-side
   customFields: {
     gitToken: process.env.DOCUSAURUS_GIT_TOKEN,
+    hooks: {
+      onBrokenMarkdownLinks: "warn",
+    }
   },
 };
 

src/components/discussions/discussions.css

@@ -418,7 +418,7 @@
 
 .discussion-category-badge {
   background: linear-gradient(135deg, var(--ifm-color-primary-lightest), var(--ifm-color-primary-lighter));
-  color: var(--ifm-color-primary-dark);
+  color: #ffffff;
   border: 1px solid var(--ifm-color-primary-light);
 }
 
@@ -798,7 +798,7 @@
 .dashboard-main .category-filter.active {
   background: var(--ifm-color-primary);
   border-color: var(--ifm-color-primary);
-  color: white;
+  color: #ffffff;
 }
 
 .dashboard-main .discussions-count {

src/pages/dashboard/dashboard.css

@@ -199,7 +199,7 @@
 
 .navbar-icon-item.active {
   background: var(--ifm-color-primary-lightest);
-  color: var(--ifm-color-primary);
+  color: white;
   font-weight: 600;
 }
 
@@ -527,7 +527,7 @@
 
 .category-sidebar li.active {
   background: var(--ifm-color-primary-lightest);
-  color: var(--ifm-color-primary);
+  color: #ffffff;
   font-weight: 600;
 }
 

src/pages/dashboard/index.tsx

@@ -616,8 +616,8 @@ const DashboardContent: React.FC = () => {
                   )}
                 {!discussionsLoading &&
                   !discussionsError &&
-                  filteredDiscussions.map((discussion) => (
-                    <DiscussionCard key={discussion.id} discussion={discussion} />
+                  filteredDiscussions.map((discussion, i) => (
+                    <DiscussionCard index={i} key={discussion.id} discussion={discussion} />
                   ))}
               </div>
             </div>