Merge pull request #271 from Richajaishwal0/main

Fixed the darktheme related issue.

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);
+  }