#8 - Added some classes for easy customization

assets/styles.css

@@ -1,17 +1,14 @@
-.osresult__title {
+.omnisearch-modal {
+}
+
+.omnisearch-result {
+}
+
+.omnisearch-result__title {
   font-weight: bold;
 }
 
-.osresult__name {
-  padding-right: .5em;
-  font-size: small;
-  font-weight: normal;
-  color: var(--text-normal);
-  /* color: var(--text-muted);
-  text-decoration: underline; */
-}
-
-.osresult__body {
+.omnisearch-result__body {
   white-space: normal;
   font-size: small;
   word-wrap: normal;

src/modal.ts

@@ -12,6 +12,8 @@ export class OmnisearchModal extends SuggestModal<ResultNote> {
     super(plugin.app)
     this.plugin = plugin
 
+    this.modalEl.addClass('omnisearch-modal')
+
     this.setPlaceholder('Type to search through your notes')
 
     this.setInstructions([
@@ -137,13 +139,14 @@ export class OmnisearchModal extends SuggestModal<ResultNote> {
 
   renderSuggestion(value: ResultNote, el: HTMLElement): void {
     el.setAttribute('data-note-id', value.path)
+    el.addClass('omnisearch-result')
 
     // title
-    const title = el.createEl('div', { cls: 'osresult__title' })
+    const title = el.createEl('div', { cls: 'omnisearch-result__title' })
     title.innerHTML = value.basename
 
     // body
-    const body = el.createEl('div', { cls: 'osresult__body' })
+    const body = el.createEl('div', { cls: 'omnisearch-result__body' })
     body.innerHTML = value.content
   }