diff --git a/src/helper/constants.ts b/src/helper/constants.ts
index 1de3088..5c7d028 100644
--- a/src/helper/constants.ts
+++ b/src/helper/constants.ts
@@ -67,7 +67,7 @@ ${COMMON_STYLE}
   width: 8px;
   height: 8px;
   border-radius: 100%;
-  background-color: rgb(237, 66, 69);
+  background-color: var(--color-red-900, rgb(237, 66, 69));
   right: 8px;
   top: 6px;
 }
@@ -82,7 +82,7 @@ ${COMMON_STYLE}
   width: 8px;
   height: 8px;
   border-radius: 100%;
-  background-color: rgb(237, 66, 69);
+  background-color: var(--color-red-900, rgb(237, 66, 69));
   right: 8px;
   top: 6px;
   animation: blink 1s linear infinite;
diff --git a/src/main.tsx b/src/main.tsx
index bcdd691..d7ee4cf 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -140,7 +140,7 @@ if (isDevelopment) {
               ${buttons
                 .map(
                   (button) =>
-                    `<button class="ui__button plugin-git-${button?.key} bg-indigo-600 hover:bg-indigo-700 focus:border-indigo-700 active:bg-indigo-700 text-center text-sm p-1" style="margin: 4px 0; color: #fff;">${button?.title}</button>`
+                    `<button class="ui__button button plugin-git-${button?.key} text-center text-sm p-1" style="margin: 4px 0; color: var(--ls-primary-text-color, #eee);">${button?.title}</button>`
                 )
                 .join("\n")}
           </div>