diff --git a/frontend/src/views/DiscoverView.vue b/frontend/src/views/DiscoverView.vue
index 7da4cdc..86420e4 100644
--- a/frontend/src/views/DiscoverView.vue
+++ b/frontend/src/views/DiscoverView.vue
@@ -441,19 +441,21 @@ function resetFilters() {
 }
 
 .activity-card { 
-  background: #0B132B; 
+  background: var(--card-bg); 
+  border: 1px solid var(--border-color);
   border-radius: 1.25rem; 
   overflow: hidden; 
   cursor: pointer; 
   display: flex;
   flex-direction: column;
-  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
+  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
 }
 
 .activity-card:hover {
   transform: translateY(-4px);
-  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
+  border-color: var(--active-color);
+  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
 }
 
 .card-img-wrap { 
@@ -480,7 +482,7 @@ function resetFilters() {
   margin: 0; 
   font-size: 0.9375rem; 
   font-weight: 800; 
-  color: #ffffff; 
+  color: var(--text-primary); 
   line-height: 1.3; 
   display: -webkit-box;
   -webkit-line-clamp: 3;