pi-web-ui 0.94.0 → 0.95.0

package/plugin-sdk/index.mjs

@@ -211,18 +211,20 @@ export function createMockHost(overrides) {
 	// 订阅类：存 handler + 返回注销函数（调用本身由外层统一记进 calls）。
 	// handler 缺省取首参；fs.watch(path, handler) / events.on(topic, handler) /
 	// shortcuts.register(key, handler) 这类回调在第二参，用 sub(method, 1)。
-	const sub = (method, argIndex = 0) => (...args) => {
-		const handler = args[argIndex];
-		if (typeof handler === "function") handlersOf(method).push(handler);
-		let done = false;
-		return () => {
-			if (done) return;
-			done = true;
-			const arr = handlersOf(method);
-			const i = arr.indexOf(handler);
-			if (i >= 0) arr.splice(i, 1);
+	const sub =
+		(method, argIndex = 0) =>
+		(...args) => {
+			const handler = args[argIndex];
+			if (typeof handler === "function") handlersOf(method).push(handler);
+			let done = false;
+			return () => {
+				if (done) return;
+				done = true;
+				const arr = handlersOf(method);
+				const i = arr.indexOf(handler);
+				if (i >= 0) arr.splice(i, 1);
+			};
 		};
-	};
 	const logImpl = (levelOrArg, ...args) => {
 		const levels = ["debug", "info", "warn", "error"];
 		const level = levels.includes(levelOrArg) ? levelOrArg : "info";
@@ -243,12 +245,16 @@ export function createMockHost(overrides) {
 			try {
 				console.error("[mock-host]", text);
 			} catch {
-			/* 打印失败不影响单测 */
+				/* 打印失败不影响单测 */
 			}
 		}
 	};
 	const statImpl = (p) => ({
-		name: String(p ?? "").split(/[\\/]/).filter(Boolean).pop() ?? "",
+		name:
+			String(p ?? "")
+				.split(/[\\/]/)
+				.filter(Boolean)
+				.pop() ?? "",
 		type: "file",
 		size: 0,
 		mtime: 0,
@@ -264,6 +270,7 @@ export function createMockHost(overrides) {
 	const routeStore = [];
 	const proxyStore = [];
 	const scheduleStore = [];
+	const effectStore = [];
 	// 注册类：存定义体 + 返回只摘除本次注册的注销函数（与宿主同语义）。
 	const remember = (store, entry) => {
 		if (entry !== undefined) store.push(entry);
@@ -283,6 +290,8 @@ export function createMockHost(overrides) {
 		sendTo: noop,
 		onAttach: sub("onAttach"),
 		onToolEvent: sub("onToolEvent"),
+		onToolPre: sub("onToolPre"),
+		onToolPost: sub("onToolPost"),
 		onRunEvent: sub("onRunEvent"),
 		getActiveConversation: () => null,
 		chat: async () => okFalse("chatProvider（无头调用未接入）"),
@@ -313,8 +322,7 @@ export function createMockHost(overrides) {
 				const list = Array.isArray(items) ? items : [items];
 				const added = [];
 				for (const raw of list.slice(0, 32)) {
-					const id =
-						raw && typeof raw.id === "string" && raw.id ? raw.id : `mock-${++uiAutoId}`;
+					const id = raw && typeof raw.id === "string" && raw.id ? raw.id : `mock-${++uiAutoId}`;
 					uiItems.set(id, isPlainObject(raw) ? { ...raw, id } : { id });
 					added.push(id);
 				}
@@ -421,6 +429,12 @@ export function createMockHost(overrides) {
 			on: sub("events.on", 1),
 		},
 		log: logImpl,
+		// effect 栈：mock 里只记调用 + 返回可撤函数（真实宿主在反激活时逆序回卷）。
+		// 单测里测试 dispose 真跑的写法：拿到 off() 后调它，或断言 host.calls 里有 effect。
+		effect: (label, dispose) => {
+			const entry = { label, dispose };
+			return remember(effectStore, entry);
+		},
 		// 浏览器桥兼容（client 侧逻辑单测也能用同一个 mock）：无注入回退语义。
 		dialogs: {
 			select: async () => ({ ok: false }),
@@ -527,10 +541,12 @@ export function createMockHost(overrides) {
 		}
 	}
 	// 记录层：所有 host 方法（mock/reset 除外）先记 calls 再委托。
-	const record = (method, fn) => (...args) => {
-		calls.push({ method, args, seq: calls.length });
-		return fn(...args);
-	};
+	const record =
+		(method, fn) =>
+		(...args) => {
+			calls.push({ method, args, seq: calls.length });
+			return fn(...args);
+		};
 	for (const [key, value] of Object.entries(host)) {
 		if (key === "calls" || key === "logs" || key === "mock" || key === "reset") continue;
 		if (typeof value === "function") {

package/plugins/catalog.json

@@ -109,6 +109,16 @@
 		"source": "xing-shuyin/pi-web-ui/plugins/notes",
 		"homepage": "https://github.com/xing-shuyin/pi-web-ui/tree/main/plugins/notes"
 	},
+	{
+		"id": "desktop-use",
+		"name": "桌面控制",
+		"icon": "🖱️",
+		"iconSvg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"7\"/><line x1=\"12\" y1=\"6\" x2=\"12\" y2=\"10\"/></svg>",
+		"description": "让 AI 操作 Windows 桌面：按元素名查控件坐标（UI Automation，无需截图）→ 点击 / 输入（含中文粘贴）/ 按键 / 聚焦窗口。输入库缺失时自动安装，卸载时连带删除。",
+		"descriptionEn": "Let the AI drive the Windows desktop: find controls by name via UI Automation (no screenshots) → click / type (CJK via paste) / hotkeys / focus windows. The input library auto-installs on activate and is removed with the plugin.",
+		"source": "xing-shuyin/pi-web-ui/plugins/desktop-use",
+		"homepage": "https://github.com/xing-shuyin/pi-web-ui/tree/main/plugins/desktop-use"
+	},
 	{
 		"id": "pi-web-multigit",
 		"name": "multi-git",
@@ -118,5 +128,15 @@
 		"descriptionEn": "Multi-repo Git overview: changes, diffs, history, branches, stashes, cross-repo search and a timeline for every repository in the workspace, plus a workspace-wide branch view, Fetch/Pull and an optional terminal.",
 		"source": "EinErste/pi-web-multigit",
 		"homepage": "https://github.com/EinErste/pi-web-multigit"
+	},
+	{
+		"id": "reconnect",
+		"name": "重连",
+		"icon": "🔄",
+		"iconSvg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M3 21v-5h5\"/></svg>",
+		"description": "断连恢复：查看网页服务与重启守护状态，一键重新连接或重启网页服务（支持单服务/全服务重启，配套可选独立守护进程）。",
+		"descriptionEn": "Reconnection & service recovery: inspect web service and companion watchdog health, reconnect or restart services in one click (supports multi-service restarts with companion watchdog).",
+		"source": "xieweimo/pi-web-ui-reconnect-watchdog/reconnect-plugin",
+		"homepage": "https://github.com/xieweimo/pi-web-ui-reconnect-watchdog"
 	}
 ]

package/themes/ayu-light.css

@@ -62,12 +62,12 @@
 	--auth-green: #18a97c;
 	--scroll-thumb: #d8dade;
 	--scroll-thumb-hover: #b9bcc2;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #f29718;
 	--send-blue-hover: #e08a0d;
 	--stop-red: #ef4444;

package/themes/catppuccin-latte.css

@@ -62,12 +62,12 @@
 	--auth-green: #40a02b;
 	--scroll-thumb: #ccd0da;
 	--scroll-thumb-hover: #bcc0cc;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #1e66f5;
 	--send-blue-hover: #7287fd;
 	--stop-red: #ef4444;

package/themes/claude-code-dark.css

@@ -0,0 +1,144 @@
+/* theme-name: Claude Code 暗色 */
+/* theme-name-en: Claude Code Dark */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #191917;
+	--bg-elev: #21201d;
+	--bg-elev2: #282622;
+	--border: #3a3730;
+	--border-soft: #2d2b25;
+	--text: #f0ede4;
+	--text-dim: #b8b3a6;
+	--text-faint: #7e7a6e;
+	--accent: #cc785c;
+	--accent-soft: rgba(204, 120, 92, 0.14);
+	--green: #82b573;
+	--green-soft: rgba(130, 181, 115, 0.12);
+	--red: #e5765a;
+	--red-soft: rgba(229, 118, 90, 0.12);
+	--amber: #d9a05b;
+	--blue: #7da7d9;
+	--blue-soft: rgba(125, 167, 217, 0.12);
+	--term-bg: #141312;
+	--term-fg: #f0ede4;
+	--term-cursor: #cc785c;
+	--term-cursor-accent: #141312;
+	--term-selection: rgba(204, 120, 92, 0.28);
+	--term-black: #282622;
+	--term-red: #e5765a;
+	--term-green: #82b573;
+	--term-yellow: #d9a05b;
+	--term-blue: #7da7d9;
+	--term-magenta: #b48ead;
+	--term-cyan: #7fb5b0;
+	--term-white: #e3ded2;
+	--term-bright-black: #7e7a6e;
+	--term-bright-red: #e5765a;
+	--term-bright-green: #82b573;
+	--term-bright-yellow: #d9a05b;
+	--term-bright-blue: #7da7d9;
+	--term-bright-magenta: #b48ead;
+	--term-bright-cyan: #7fb5b0;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #21201d;
+	--code-bg: #141312;
+	--code-text: #e3ded2;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #f0a08c;
+	--red-text: #f5b3a3;
+	--amber-text: #e8c08a;
+	--info-blue: #7da7d9;
+	--link: #d98e73;
+	--link-hover: #e3a189;
+	--link-soft: #e3a189;
+	--md-strong: #f0ede4;
+	--skill-blue: #7da7d9;
+	--plugin-purple: #b48ead;
+	--auth-green: #82b573;
+	--scroll-thumb: #33302a;
+	--scroll-thumb-hover: #454138;
+	--notice-err-bg: #3d1f1a;
+	--notice-warn-bg: #382c1c;
+	--notice-info-bg: #1c2530;
+	--notice-err-border: #e5765a;
+	--notice-warn-border: #d9a05b;
+	--notice-info-border: #7da7d9;
+	--send-blue: #cc785c;
+	--send-blue-hover: #d98e73;
+	--stop-red: #e5765a;
+	--stop-red-hover: #d96247;
+	--brand-grad-a: #cc785c;
+	--brand-grad-b: #d9a05b;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #191917;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.05);
+	--sunken-bg: rgba(0, 0, 0, 0.18);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #b8b3a6;
+	--control-bg: #21201d;
+	--control-border: #3a3730;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #21201d;
+	--statusbar-bg: #141312;
+	--panel-bg: #21201d;
+	--card-bg: #21201d;
+	--chip-bg: #282622;
+	--msgs-bg: #191917;
+	--inputbox-bg: #21201d;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Claude Code Dark) ---- */
+.hljs {
+	color: #e3ded2;
+	background: #141312;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #cc785c;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.function_ {
+	color: #d9a05b;
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-number {
+	color: #e08d5f;
+}
+.hljs-string,
+.hljs-regexp {
+	color: #9cbf8a;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #7fb5b0;
+}
+.hljs-comment,
+.hljs-code {
+	color: #7e7a6e;
+}
+.hljs-tag,
+.hljs-name {
+	color: #7da7d9;
+}

package/themes/codex.css

@@ -62,12 +62,12 @@
 	--auth-green: #10a37f;
 	--scroll-thumb: #d4d4d8;
 	--scroll-thumb-hover: #a1a1aa;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #10a37f;
 	--send-blue-hover: #0e8c6d;
 	--stop-red: #ef4444;

package/themes/dark-teal.css

@@ -4,10 +4,11 @@
 	color-scheme: dark;
 	--bg: #0a0a0a;
 	--bg-elev: #17171c;
-	--bg-elev2: #1c1c22;
+	--bg-elev2: #222228;
 	--border: #26262e;
 	--border-soft: #1f1f26;
 	--text: #dadada;
+	--text-strong: #3c9185; /* 深色主题下，用主题色使粗体更明显 */
 	--text-dim: #a8a8b3;
 	--text-faint: #6e6e7a;
 	--accent: #31ac9d;
@@ -53,8 +54,8 @@
 	--notice-info-border: #2dd4bf;
 	--send-blue: #0f766e;
 	--send-blue-hover: #0b5a54;
-	--brand-grad-a: #28a696;
-	--brand-grad-b: #38e6f8;
+	--brand-grad-a: #00ffe7;
+	--brand-grad-b: #202020;
 	--on-amber: #12121a;
 	--search-active-fg: #0f0f12;
 	--switch-knob: #f5f5f7;
@@ -169,12 +170,12 @@
 	color: #0f0f12;
 }
 
-
 /* 模板卡悬停阴影 */
 .empty-template:hover {
 	box-shadow: 0 8px 22px #5DC7B040;
 }
 
+/* 描边 */
 /* 内置几处写死的紫描边，换成符合主题的青 */
 .empty-template:hover,
 .empty-template.add:hover,
@@ -187,7 +188,8 @@
 .attach-chip,
 .attachcard-mode.bridged,
 .browser-control-modal .bc-cite,
-.notice-info {
+.notice-info,
+.set-catalog-custom {
 	border-color: #5DC7B080;
 }
 .chip.newchat {
@@ -215,6 +217,11 @@
 .fp-html-bar {
 	background: var(--accent-soft);
 }
+/* 侧栏 Hover */
+.lp-section-title:hover {
+    background: var(--chip-bg);
+}
+
 
 /* 输入框发送\停止按钮阴影 */
 .inputbox .btn.send,
@@ -228,10 +235,15 @@
     box-shadow: 0 8px 22px #5dc7b040;
 }
 
-/* 使正文行内代码更显眼 */
+/* 正文 */
+/* 行内代码更显眼 */
 .msg-text code {
 	background: #303038;
 }
+/* 粗体用 --text-strong */
+strong {
+	color: var(--text-strong);
+}
 
 /* 调整 MD 文件预览样式 */
 .fp-markdown :not(pre)>code,
@@ -250,3 +262,5 @@
 .fp-markdown {
 	background: radial-gradient(circle at 10% 0%, #5CCBF60D, transparent 34%), #00000038;
 }
+
+

package/themes/everforest-light.css

@@ -62,12 +62,12 @@
 	--auth-green: #8da101;
 	--scroll-thumb: #d8d3bd;
 	--scroll-thumb-hover: #bdc3af;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #3a94c5;
 	--send-blue-hover: #2e7aa6;
 	--stop-red: #ef4444;

package/themes/geist.css

@@ -62,12 +62,12 @@
 	--auth-green: #059669;
 	--scroll-thumb: #d4d4d4;
 	--scroll-thumb-hover: #a3a3a3;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #000000;
 	--send-blue-hover: #333333;
 	--stop-red: #ef4444;

package/themes/gruvbox-light.css

@@ -62,12 +62,12 @@
 	--auth-green: #79740e;
 	--scroll-thumb: #d5c4a1;
 	--scroll-thumb-hover: #bdae93;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #9d0006;
 	--send-blue-hover: #af3a03;
 	--stop-red: #ef4444;

package/themes/kanagawa-lotus.css

@@ -62,12 +62,12 @@
 	--auth-green: #6f894e;
 	--scroll-thumb: #d5cea3;
 	--scroll-thumb-hover: #bfb586;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #4d699b;
 	--send-blue-hover: #3d5680;
 	--stop-red: #ef4444;

package/themes/rose-pine-dawn.css

@@ -62,12 +62,12 @@
 	--auth-green: #56949f;
 	--scroll-thumb: #e0d8ce;
 	--scroll-thumb-hover: #c9bfb2;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #907aa9;
 	--send-blue-hover: #79759c;
 	--stop-red: #ef4444;

package/themes/solarized-light.css

@@ -62,12 +62,12 @@
 	--auth-green: #859900;
 	--scroll-thumb: #d5cbab;
 	--scroll-thumb-hover: #b7a982;
-	--notice-err-bg: #401d23;
-	--notice-warn-bg: #38251f;
-	--notice-info-bg: #1b2544;
-	--notice-err-border: #ef4444;
-	--notice-warn-border: #f59e0b;
-	--notice-info-border: #3b82f6;
+	--notice-err-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--red));
+	--notice-warn-bg: color-mix(in srgb, var(--bg-elev) 90%, var(--amber));
+	--notice-info-bg: color-mix(in srgb, var(--bg) 95%, var(--info-blue));
+	--notice-err-border: var(--red);
+	--notice-warn-border: var(--amber);
+	--notice-info-border: var(--info-blue);
 	--send-blue: #268bd2;
 	--send-blue-hover: #2aa198;
 	--stop-red: #ef4444;