Merge branch 'main' of https://github.com/sanjay-kv/recode-website

Author: sanjay-kv

src/components/Roadmap/Roadmap.css

@@ -3,6 +3,11 @@
   padding: 20px;
 }
 
+[data-theme='dark'] .roadmap-container {
+  background: var(--dark-bg-primary);
+  color: var(--dark-text-primary);
+}
+
 .roadmap-container .roadmap-title {
   text-align: center;
   font-size: 2.5rem;
@@ -33,6 +38,16 @@
   max-width: 400px;
 }
 
+[data-theme='dark'] .roadmap-container .roadmap-search {
+  background: var(--dark-input-bg);
+  color: var(--dark-text-primary);
+  border-color: var(--dark-input-border);
+}
+
+[data-theme='dark'] .roadmap-container .roadmap-search:focus {
+  border-color: var(--dark-input-focus-border);
+}
+
 .roadmap-container .roadmap-category {
   margin-bottom: 30px;
 }
@@ -83,11 +98,22 @@
   text-align: center;
 }
 
+[data-theme='dark'] .roadmap-container .roadmap-category .roadmap-cards .roadmap-card {
+  background: var(--dark-card-bg);
+  border-color: var(--dark-border);
+  box-shadow: var(--dark-shadow);
+  color: var(--dark-text-primary);
+}
+
 .roadmap-container .roadmap-category .roadmap-cards .roadmap-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
 }
 
+[data-theme='dark'] .roadmap-container .roadmap-category .roadmap-cards .roadmap-card:hover {
+  box-shadow: var(--dark-shadow-lg);
+}
+
 .roadmap-container .roadmap-category .roadmap-cards .roadmap-card .roadmap-link {
   text-decoration: none;
   color: var(--ifm-color-primary);

src/components/TeamProfileCards/teamcards.css

@@ -4,11 +4,21 @@
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     border: 0.5px solid black;
   }
-  
+
+[data-theme='dark'] .team-profile-card > .card {
+    border-color: var(--dark-border);
+    background: var(--dark-card-bg);
+    color: var(--dark-text-primary);
+  }
+
   .team-profile-card > .card:hover {
     transform: translateY(-5px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
   }
+
+[data-theme='dark'] .team-profile-card > .card:hover {
+    box-shadow: var(--dark-shadow-lg);
+  }
 
   .team-profile-card > .card > .card__header > .avatar > .avatar__photo--xl {
     border-radius: 50%;
@@ -22,4 +32,14 @@
   .team-profile-card > .card > .card__footer > .button-group > .button:hover {
     background-color: #0056b3;
   }
+
+[data-theme='dark'] .team-profile-card > .card > .card__footer > .button-group > .button {
+    background: var(--dark-bg-tertiary);
+    color: var(--dark-text-primary);
+    border-color: var(--dark-border);
+  }
+
+[data-theme='dark'] .team-profile-card > .card > .card__footer > .button-group > .button:hover {
+    background: var(--dark-card-hover-bg);
+  }
 

src/css/custom.css

@@ -181,16 +181,16 @@
   color: transparent;
 }
 
-/* Light mode background and text fix */
-[data-theme='light'] {
+/* Light mode background and text fix - EXCLUDE community page */
+[data-theme='light'] body:not(:has(.community-page)) {
   --ifm-background-color: #ffffff; /* white background */
   --ifm-font-color-base: #000000;  /* black text */
   background-color: var(--ifm-background-color);
   color: var(--ifm-font-color-base);
 }
 
-/* Dark mode overrides (already there, ensure it's working) */
-[data-theme='dark'] {
+/* Dark mode overrides - EXCLUDE community page */
+[data-theme='dark'] body:not(:has(.community-page)) {
   background-color: var(--dark-bg-primary);
   color: var(--dark-text-primary);
 }
@@ -357,26 +357,26 @@
 
 /* ===== DOCUSAURUS DOCUMENTATION PAGES DARK THEME ===== */
 
-/* Main documentation layout */
-[data-theme='dark'] .main-wrapper {
+/* Main documentation layout - EXCLUDE community page */
+[data-theme='dark'] body:not(:has(.community-page)) .main-wrapper {
   background-color: var(--dark-bg-primary) !important;
   color: var(--dark-text-primary) !important;
 }
 
-[data-theme='dark'] .docusaurus-wrapper {
+[data-theme='dark'] body:not(:has(.community-page)) .docusaurus-wrapper {
   background-color: var(--dark-bg-primary) !important;
 }
 
-/* Documentation content area */
-[data-theme='dark'] .container {
+/* Documentation content area - EXCLUDE community page */
+[data-theme='dark'] body:not(:has(.community-page)) .container {
   background-color: var(--dark-bg-primary) !important;
 }
 
-[data-theme='dark'] .row {
+[data-theme='dark'] body:not(:has(.community-page)) .row {
   background-color: var(--dark-bg-primary) !important;
 }
 
-[data-theme='dark'] .col {
+[data-theme='dark'] body:not(:has(.community-page)) .col {
   background-color: var(--dark-bg-primary) !important;
 }