feat(quick_search): try using another color so that matches stand out more? might change back

This commit is contained in:
perf3ct
2025-08-03 20:42:52 +00:00
parent 53bcec602d
commit 9cef8c8e70
2 changed files with 10 additions and 2 deletions

View File

@@ -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 {

View File

@@ -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>`;