From 424bab1c3ae6b938f71f02cfa830f9e5f1ac439a Mon Sep 17 00:00:00 2001
From: enricobuehler <buehler@unom.io>
Date: Mon, 20 Jul 2026 19:47:37 +0200
Subject: [PATCH] fix(plugin-kit): soften @unom/ui's card ring for the brand
 palette (0.1.3)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

@unom/ui rings cards ring-2 ring-accent, sized for its own subtle accent; in
this palette --accent is the brand violet, so every card shouted. The console
already softens the same ring in its Card wrapper — plugin UIs now inherit that
instead of each wrapping AnimatedCard themselves.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 plugin-kit/package.json  |  2 +-
 plugin-kit/src/theme.css | 26 +++++++++++++++++++-------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/plugin-kit/package.json b/plugin-kit/package.json
index 6e91d7c8..c63aa5e2 100644
--- a/plugin-kit/package.json
+++ b/plugin-kit/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@punktfunk/plugin-kit",
-	"version": "0.1.2",
+	"version": "0.1.3",
 	"description": "Effect-based framework for punktfunk plugins: lifecycle runtime, config/state, sync engine, UI serving, CLI scaffold, and browser helpers.",
 	"type": "module",
 	"license": "MIT OR Apache-2.0",
diff --git a/plugin-kit/src/theme.css b/plugin-kit/src/theme.css
index fd494d55..391d53fa 100644
--- a/plugin-kit/src/theme.css
+++ b/plugin-kit/src/theme.css
@@ -240,13 +240,25 @@
 	}
 }
 
-/* ── One vocabulary collision, resolved ──────────────────────────────────────
-   @unom/ui reads `--secondary` as muted TEXT (its own theme sets a mid-grey, used
-   for EmptyState captions, badge text, table headers); this palette — like the
-   console's — uses `--secondary` as a dark SURFACE (`bg-secondary`). Tailwind
-   derives both utilities from the same `--color-secondary`, so the text lane has
-   to be re-pointed here or every caption renders dark-on-dark. Unlayered on
-   purpose: unlayered rules beat Tailwind's layered utility of equal specificity. */
+/* ── Two vocabulary collisions, resolved ─────────────────────────────────────
+   Both come from @unom/ui's own palette meaning something different by the same
+   token name than this (console) palette does. Unlayered on purpose: unlayered
+   rules beat Tailwind's layered utilities of equal specificity.
+
+   1. `--secondary` is muted TEXT to @unom/ui (its theme sets a mid-grey, used for
+      EmptyState captions, badge text, table headers) but a dark SURFACE here
+      (`bg-secondary`). Tailwind derives both utilities from one token, so the
+      text lane is re-pointed or every caption renders dark-on-dark. */
 .text-secondary {
 	color: var(--muted-foreground);
 }
+
+/* 2. @unom/ui's Card rings `ring-2 ring-accent`, sized for its subtle accent;
+      here `--accent` IS the brand violet, so an unsoftened ring shouts. The
+      console solves this in its own Card wrapper ("2px ring → subtle 1px brand
+      tint"); plugin UIs get the same result without wrapping anything. Scoped to
+      `rounded-card.ring-2` so only @unom/ui card surfaces are affected, and
+      explicit `ring-accent/NN` utilities keep their own value. */
+.rounded-card.ring-2 {
+	--tw-ring-color: color-mix(in oklch, var(--accent) 35%, transparent);
+}