Merge pull request #4 from ReDoIngMods/copilot/fix-3

Author: BenMcAvoy

src/components/ImprovedSearch.astro

@@ -574,11 +574,15 @@ const {
     display: block;
     padding: 1.25rem 1.5rem;
     text-decoration: none;
-    color: white;
+    color: white !important;
     transition: all 0.2s ease;
     border-left: 3px solid transparent;
   }
 
+  .search-result-link * {
+    color: inherit !important;
+  }
+  
   .search-result-link:hover {
     background-color: rgba(255, 215, 0, 0.1);
     border-left-color: var(--sm-yellow);
@@ -589,37 +593,48 @@ const {
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
+    color: white;
+  }
+  
+  .result-content * {
+    color: inherit !important;
+  }
+  
+  /* Ensure all text elements within search results are white */
+  .search-result-link,
+  .search-result-link *:not(mark) {
+    color: white !important;
   }
 
   .result-title {
     font-weight: 700;
     font-size: 1.125rem;
-    color: var(--sm-yellow);
+    color: var(--sm-yellow) !important;
     line-height: 1.4;
   }
 
   .result-url {
     font-size: 0.8rem;
-    color: rgba(255, 255, 255, 0.6);
+    color: rgba(255, 255, 255, 0.6) !important;
     font-family: monospace;
   }
 
   .result-snippet {
     font-size: 0.9rem;
-    color: rgba(255, 255, 255, 0.8);
+    color: rgba(255, 255, 255, 0.8) !important;
     line-height: 1.5;
   }
 
   .result-matches {
     font-size: 0.75rem;
-    color: rgba(255, 215, 0, 0.7);
+    color: rgba(255, 215, 0, 0.7) !important;
     font-style: italic;
   }
 
   .result-snippet mark,
   .result-title mark {
     background-color: var(--sm-yellow);
-    color: black;
+    color: #1a1a1a !important;
     padding: 0.125rem 0.25rem;
     border-radius: 3px;
     font-weight: 600;

src/components/Search.astro

@@ -326,10 +326,14 @@
     display: block;
     padding: 0.75rem;
     text-decoration: none;
-    color: white;
+    color: white !important;
     transition: background-color 0.2s ease;
   }
 
+  .search-result-link * {
+    color: inherit !important;
+  }
+  
   .search-result-link:hover {
     background-color: rgba(255, 215, 0, 0.1);
     color: white;
@@ -339,12 +343,23 @@
     display: flex;
     flex-direction: column;
     gap: 0.25rem;
+    color: white;
+  }
+  
+  .result-layout * {
+    color: inherit !important;
+  }
+  
+  /* Ensure all text elements within search results are white */
+  .search-result-link,
+  .search-result-link *:not(mark) {
+    color: white !important;
   }
 
   .result-title {
     font-weight: 600;
     font-size: 1rem;
-    color: var(--sm-yellow);
+    color: var(--sm-yellow) !important;
   }
 
   .result-section { /* This class is no longer used, but kept for now to avoid breaking other things if referenced elsewhere by mistake */
@@ -359,7 +374,7 @@
 
   .result-snippet {
     font-size: 0.85rem;
-    color: rgba(255, 255, 255, 0.7);
+    color: rgba(255, 255, 255, 0.7) !important;
     margin-top: 0.25rem;
     line-height: 1.4;
   }