From d833cff470e844bd1ac81514893e39ff55858f55 Mon Sep 17 00:00:00 2001 From: enricobuehler Date: Mon, 20 Jul 2026 19:44:01 +0200 Subject: [PATCH] fix(plugin-kit): resolve the --secondary text/surface collision in theme.css (0.1.2) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit @unom/ui reads --secondary as muted TEXT; this palette (like the console's) uses it as a dark SURFACE, so EmptyState captions, badge text and table headers rendered dark-on-dark. Tailwind derives both utilities from one token, so the text lane is re-pointed at --muted-foreground here — once, for every plugin, instead of in each plugin's stylesheet. Co-Authored-By: Claude Fable 5 --- plugin-kit/package.json | 2 +- plugin-kit/src/theme.css | 11 +++++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/plugin-kit/package.json b/plugin-kit/package.json index 4dd039f0..6e91d7c8 100644 --- a/plugin-kit/package.json +++ b/plugin-kit/package.json @@ -1,6 +1,6 @@ { "name": "@punktfunk/plugin-kit", - "version": "0.1.1", + "version": "0.1.2", "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 57a82ddc..fd494d55 100644 --- a/plugin-kit/src/theme.css +++ b/plugin-kit/src/theme.css @@ -239,3 +239,14 @@ "calt" 1; } } + +/* ── 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. */ +.text-secondary { + color: var(--muted-foreground); +}