chore: update version and fix MCP client button styles

Author: Justineo

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.14.2
+
+- Fixed the styles of MCP client buttons.
+
 ## 0.14.1
 
 - Added a visual hint to help users find TemPad Dev panel easier when it overlaps with Figma's own panels.

packages/extension/components/sections/McpSection.vue

@@ -143,6 +143,7 @@ async function handleClientClick(client: McpClientDisplay) {
           <IconButton
             v-for="client in mcpClients"
             :key="client.name"
+            variant="secondary"
             :title="client.tooltip"
             class="tp-mcp-client-button"
             :style="{
@@ -153,6 +154,7 @@ async function handleClientClick(client: McpClientDisplay) {
             <component :is="client.icon" class="tp-mcp-client-icon" />
           </IconButton>
           <IconButton
+            variant="secondary"
             title="Copy configuration"
             class="tp-mcp-client-button"
             @click="copy(defaultConfig, copyMessages.config)"
@@ -221,7 +223,7 @@ label {
 }
 
 .tp-mcp-client-button:hover {
-  --color-icon: var(--tp-mcp-client-hover-color) !important;
+  --icon-button-icon: var(--tp-mcp-client-hover-color) !important;
 }
 
 .tp-mcp-toggle {

packages/extension/package.json

@@ -2,7 +2,7 @@
   "name": "@tempad-dev/extension",
   "description": "TemPad Dev browser extension.",
   "private": true,
-  "version": "0.14.1",
+  "version": "0.14.2",
   "type": "module",
   "scripts": {
     "dev": "wxt",