From 0407d4fa7187c451fd5ecf03a38db903a5e10880 Mon Sep 17 00:00:00 2001
From: rivea0 <58330360+rivea0@users.noreply.github.com>
Date: Sun, 4 May 2025 15:12:28 +0300
Subject: [PATCH] refactor: update class names to be more specific to the
 plugin

---
 src/main.ts  | 2 +-
 src/modal.ts | 4 ++--
 styles.css   | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index 949ecfa..ca7a53b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -110,7 +110,7 @@ class HighlighterPlugin implements PluginValue {
   makeDeco(ranges: IRange[]) {
     const deco = [];
     const highlightDeco = Decoration.mark({
-      class: 'highlight-text',
+      class: 'match-syntax-highlight-text',
       attributes: { 'data-contents': 'string' },
     });
 
diff --git a/src/modal.ts b/src/modal.ts
index ef57347..6d045f1 100644
--- a/src/modal.ts
+++ b/src/modal.ts
@@ -9,9 +9,9 @@ export class MatchTextModal extends Modal {
     const settingContent = this.contentEl;
 
     const matchInput = new Setting(settingContent);
-    matchInput.setClass('match-input-setting');
+    matchInput.setClass('match-syntax-input-setting');
     matchInput.addText((text) => {
-      text.inputEl.addClass('match-input');
+      text.inputEl.addClass('match-syntax-input-element');
       text.setPlaceholder('#adverb+ good...');
       text.onChange((value) => {
         matchStr = value;
diff --git a/styles.css b/styles.css
index c0d2df7..75076ae 100644
--- a/styles.css
+++ b/styles.css
@@ -1,11 +1,11 @@
-.highlight-text {
+.match-syntax-highlight-text {
   background-color: var(--text-highlight-bg);
 }
 
-.match-input-setting {
+.match-syntax-input-setting {
   display: block;
 }
 
-.match-input {
+.match-syntax-input-element {
   width: 100%;
 }