From b5869d185b44de753b70f389a436ac9a74d9515c Mon Sep 17 00:00:00 2001 From: Dominik Jain Date: Sat, 11 Oct 2025 22:56:34 +0200 Subject: [PATCH] Reduce plugin UI size and improve colours --- penpot-plugin/index.html | 2 -- penpot-plugin/src/main.ts | 2 +- penpot-plugin/src/plugin.ts | 2 +- 3 files changed, 2 insertions(+), 4 deletions(-) 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) => {