diff --git a/penpot-plugin/index.html b/penpot-plugin/index.html
index 9abb1db..b2c08b5 100644
--- a/penpot-plugin/index.html
+++ b/penpot-plugin/index.html
@@ -6,8 +6,6 @@
Penpot plugin example
- Penpot MCP Plugin
-
Not connected
diff --git a/penpot-plugin/src/main.ts b/penpot-plugin/src/main.ts
index 0606760..ce01d0a 100644
--- a/penpot-plugin/src/main.ts
+++ b/penpot-plugin/src/main.ts
@@ -14,7 +14,7 @@ const statusElement = document.getElementById("connection-status");
function updateConnectionStatus(status: string, isConnectedState: boolean): void {
if (statusElement) {
statusElement.textContent = status;
- statusElement.style.color = isConnectedState ? "#6911d4" : "#600";
+ statusElement.style.color = isConnectedState ? "var(--accent-primary)" : "var(--error-700)";
}
}
diff --git a/penpot-plugin/src/plugin.ts b/penpot-plugin/src/plugin.ts
index 7f3a81c..9cdeaa5 100644
--- a/penpot-plugin/src/plugin.ts
+++ b/penpot-plugin/src/plugin.ts
@@ -6,7 +6,7 @@ import { Task, TaskHandler } from "./TaskHandler";
*/
const taskHandlers: TaskHandler[] = [new ExecuteCodeTaskHandler()];
-penpot.ui.open("Penpot MCP Plugin", `?theme=${penpot.theme}`, { width: 400, height: 300 });
+penpot.ui.open("Penpot MCP Plugin", `?theme=${penpot.theme}`, { width: 158, height: 200 });
// Handle both legacy string messages and new request-based messages
penpot.ui.onMessage((message) => {