[BUG] omnisearch-highlight CSS highlight update not effective

[dkzsys]

Problem description:

I am trying to update the omnisearch result highlight with yellow background; unfortunately, I'm unable to achieve that using CSS styling for omnisearch-highlight.

Your environment:

• Omnisearch version: 1.22.2
• Obsidian version: v.1.5.12
• Operating system: mac OS 14.2.1
• Number of indexed documents in your vault (approx.): ~500
• MInimal Theme: 7.5

Things I tried:

I have tried the following 2 CSS Styling. Unfortunately, no change to the highlight.

.omnisearch-highlight {
  color: var(--text-normal);
  background-color: var(--text-highlight-bg);
}

.omnisearch-highlight {
  color: white;
  background-color: yellow;
}

• Does the problem occur when Omnisearch is the only active community plugin: Yes
• Does the problem occur when you don't index PDFs, images, or other non-notes files: Yes
• Does the problem occur after a cache reset: Yes

Sample search result

[dkzsys]

I've tried updating the CSS styling for .omnisearch-result__title and it works.

.omnisearch-result__title { color: var(--text-normal); background-color: var(--text-highlight-bg); }

[scambier]

I just tried with

.omnisearch-highlight {
  color: white;
  background-color: yellow;
}

and it works as expected. Maybe try to add !important?

.omnisearch-highlight {
  color: white !important;
  background-color: yellow !important;
}

[dkzsys]

Still don't have much luck with !important.

.omnisearch-result__title works, indicating the CSS Style file is recognised; I don't see any other css style that may have overridden it. Any other thoughts pls?

[scambier]

Is this 2nd screenshot the CSS snippet you're using? That's a markdown file, not a valid CSS file.

[dkzsys]

Oops... such a silly mistake. Thank you for spotting that. Working perfectly fine as you mentioned @scambier. Appreciate your help!