From 9cef8c8e705ee769d5ba422a2c78c5251bc93581 Mon Sep 17 00:00:00 2001
From: perf3ct <jonfuller2012@gmail.com>
Date: Sun, 3 Aug 2025 20:42:52 +0000
Subject: [PATCH] feat(quick_search): try using another color so that matches
 stand out more? might change back

---
 apps/client/src/stylesheets/style.css   | 8 ++++++++
 apps/client/src/widgets/quick_search.ts | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 716064013..82a831222 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -2245,6 +2245,14 @@ footer.webview-footer button {
     padding: 1px 10px 1px 10px;
 }
 
+/* Search result highlighting */
+.search-result-title b,
+.search-result-content b {
+    font-weight: 900;
+    color: orange;
+    text-shadow: 0 0 1px rgba(255, 165, 0, 0.3);
+}
+
 /* Customized icons */
 
 .bx-tn-toc::before {
diff --git a/apps/client/src/widgets/quick_search.ts b/apps/client/src/widgets/quick_search.ts
index 0d4668feb..094404182 100644
--- a/apps/client/src/widgets/quick_search.ts
+++ b/apps/client/src/widgets/quick_search.ts
@@ -238,12 +238,12 @@ export default class QuickSearchWidget extends BasicWidget {
                 let itemHtml = `<div style="display: flex; flex-direction: column;">
                     <div style="display: flex; align-items: flex-start; gap: 6px;">
                         <span class="${result.icon}" style="flex-shrink: 0; margin-top: 1px;"></span>
-                        <span style="flex: 1;">${result.highlightedNotePathTitle}</span>
+                        <span style="flex: 1;" class="search-result-title">${result.highlightedNotePathTitle}</span>
                     </div>`;
                 
                 // Add content snippet below the title if available
                 if (result.highlightedContentSnippet) {
-                    itemHtml += `<div style="font-size: 0.85em; color: var(--main-text-color); opacity: 0.7; margin-left: 20px; margin-top: 4px; line-height: 1.3;">${result.highlightedContentSnippet}</div>`;
+                    itemHtml += `<div style="font-size: 0.85em; color: var(--main-text-color); opacity: 0.7; margin-left: 20px; margin-top: 4px; line-height: 1.3;" class="search-result-content">${result.highlightedContentSnippet}</div>`;
                 }
                 
                 itemHtml += `</div>`;