CremaUIStudio/lib-theme-prism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add --chat-* surface tokens
Some checks failed
validate theme / validate (push) Has been cancelled
Details

Browse Source 
Five tokens (light + dark) for the chat bubble contract consumed by
lib-agent-chat-ui / lib-agent-dock-ui: --chat-user-bg/-fg and
--chat-assistant-bg/-fg/-border. User bubble is a filled, deep,
high-contrast panel with light text; assistant bubble is card-like
with a hairline border.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
jules
2026-05-20 10:27:53 +10:00
parent c3d86506bb
commit a3369608b6
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
theme.css
View File

@@ -95,6 +95,16 @@
--syntax-function: oklch(0.48 0.18 235); --syntax-function: oklch(0.48 0.18 235);
--syntax-type: oklch(0.48 0.14 195); --syntax-type: oklch(0.48 0.14 195);
/* ── Chat surfaces ──
* Contract for lib-agent-chat-ui / lib-agent-dock-ui. User bubble is
* a filled, deep, high-contrast panel with light text; assistant
* bubble is a card-like surface with a hairline border. */
--chat-user-bg: oklch(0.48 0.2 295);
--chat-user-fg: oklch(1 0 0);
--chat-assistant-bg: oklch(1 0 0 / 0.7);
--chat-assistant-fg: oklch(0.16 0.025 285);
--chat-assistant-border: oklch(0 0 0 / 0.09);
/* ── Radius ── Generous, premium feel. */ /* ── Radius ── Generous, premium feel. */
--radius: 1rem; --radius: 1rem;
@@ -218,6 +228,13 @@
--syntax-function: oklch(0.78 0.16 235); --syntax-function: oklch(0.78 0.16 235);
--syntax-type: oklch(0.78 0.14 195); --syntax-type: oklch(0.78 0.14 195);
/* ── Chat surfaces (dark) ── */
--chat-user-bg: oklch(0.54 0.2 295);
--chat-user-fg: oklch(1 0 0);
--chat-assistant-bg: oklch(0.24 0.04 290 / 0.7);
--chat-assistant-fg: oklch(0.97 0.005 280);
--chat-assistant-border: oklch(1 0 0 / 0.1);
--elevation-1: 0 1px 2px oklch(0 0 0 / 0.4); --elevation-1: 0 1px 2px oklch(0 0 0 / 0.4);
--elevation-2: 0 2px 8px oklch(0 0 0 / 0.4), 0 1px 2px oklch(0 0 0 / 0.3); --elevation-2: 0 2px 8px oklch(0 0 0 / 0.4), 0 1px 2px oklch(0 0 0 / 0.3);
--elevation-3: 0 4px 16px oklch(0 0 0 / 0.45), 0 2px 4px oklch(0 0 0 / 0.3); --elevation-3: 0 4px 16px oklch(0 0 0 / 0.45), 0 2px 4px oklch(0 0 0 / 0.3);