pi-web-ui 0.90.1 → 0.92.0

package/plugins/catalog.json

@@ -3,6 +3,7 @@
 		"id": "webmail",
 		"name": "webmail",
 		"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=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"/><polyline points=\"22,6 12,13 2,6\"/></svg>",
 		"description": "网页邮箱：IMAP 收件 + SMTP 发信 + 新邮件通知，可开放给 AI 直接管理邮件。",
 		"descriptionEn": "Web mail: IMAP inbox + SMTP send + new-mail notifications, optionally let the AI manage mail.",
 		"source": "xing-shuyin/pi-web-ui/plugins/webmail",
@@ -12,6 +13,7 @@
 		"id": "db-client",
 		"name": "db-client",
 		"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\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"/></svg>",
 		"description": "数据库连接管理：MySQL / PostgreSQL / SQLite / SQL Server / MongoDB / Redis 的库表浏览、SQL 查询与数据编辑。",
 		"descriptionEn": "Database client: browse schemas, run SQL and edit data across MySQL / PostgreSQL / SQLite / SQL Server / MongoDB / Redis.",
 		"source": "xing-shuyin/pi-web-ui/plugins/db-client",
@@ -21,6 +23,7 @@
 		"id": "vscode-editor",
 		"name": "vscode-editor",
 		"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=\"m16 18 6-6-6-6\"/><path d=\"m8 6-6 6 6 6\"/></svg>",
 		"description": "类 VSCode 工作台：多根文件树 + CodeMirror 编辑器 + 底部终端 + Remote-SSH + SFTP 同步；向 AI 注册 SFTP/SSH/远端文件工具，可自主传代码。",
 		"descriptionEn": "VSCode-like workbench: multi-root file tree, CodeMirror editor, integrated terminal, Remote-SSH and SFTP sync; registers SFTP/SSH/remote-file tools so the AI can deploy code itself.",
 		"source": "xing-shuyin/pi-web-ui/plugins/vscode-editor",
@@ -30,6 +33,7 @@
 		"id": "mermaid",
 		"name": "mermaid",
 		"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\"><circle cx=\"18\" cy=\"5\" r=\"3\"/><circle cx=\"6\" cy=\"12\" r=\"3\"/><circle cx=\"18\" cy=\"19\" r=\"3\"/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"/></svg>",
 		"description": "把对话里的 ```mermaid 围栏渲染成 SVG 图表（fenced-code 渲染插件，本地引擎离线优先）。",
 		"descriptionEn": "Renders ```mermaid fences in messages to SVG diagrams (fenced-code renderer plugin, offline-first local engine).",
 		"source": "xing-shuyin/pi-web-ui/plugins/mermaid",
@@ -39,6 +43,7 @@
 		"id": "run-trace",
 		"name": "run-trace",
 		"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\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"/></svg>",
 		"description": "运行轨迹：任务 → 思考 → 工具 → 文件改动 → 结果的时间线聚合视图，支持回放与节点详情。",
 		"descriptionEn": "Run trajectory: task → thinking → tools → file changes → result timeline with replay and node details.",
 		"source": "xing-shuyin/pi-web-ui/plugins/run-trace",
@@ -48,6 +53,7 @@
 		"id": "legado-web",
 		"name": "legado-web",
 		"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=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/></svg>",
 		"description": "Legado 阅读（文本源）：搜索 / 发现 / 详情 / 目录 / 正文，书源 JSON 与安卓版兼容，可导入、检测、删废源；内置跨域+GBK 代理与本地存储，并给 AI 配了修源接口（读规则、读书源文件、逐步诊断链路、试规则验证）。",
 		"descriptionEn": "Legado reader (text book sources): search / explore / info / TOC / content with Android-compatible book source JSON, plus source import and health checking. Ships its own CORS+GBK proxy, local store, and AI tools to diagnose and repair book sources.",
 		"source": "xing-shuyin/pi-web-ui/plugins/legado-web",
@@ -57,6 +63,7 @@
 		"id": "wechat-ilink",
 		"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=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"/></svg>",
 		"description": "微信扫码登录（与腾讯 openclaw-weixin 同源的 ilink 协议）：出站长轮询收消息，微信里直接指挥 agent，无需公网 IP。",
 		"descriptionEn": "WeChat channel (ilink protocol, same origin as Tencent openclaw-weixin): outbound long-polling, drive the agent from WeChat, no public IP needed.",
 		"source": "xing-shuyin/pi-web-ui/plugins/wechat-ilink",
@@ -66,6 +73,7 @@
 		"id": "voice-input",
 		"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=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"/><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"/></svg>",
 		"description": "语音输入：输入框旁的麦克风按钮，浏览器语音识别直接听写进输入框；不支持/识别失败时自动降级为服务端转写（远端接口，或一键安装的本地 Whisper，免费不出网）。",
 		"descriptionEn": "Voice input: a mic button next to the composer. Browser speech recognition dictates into the input box, with server-side transcription as automatic fallback (remote API, or one-click local Whisper that runs fully offline).",
 		"source": "xing-shuyin/pi-web-ui/plugins/voice-input",
@@ -75,6 +83,7 @@
 		"id": "live-preview",
 		"name": "live-preview",
 		"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\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"/></svg>",
 		"description": "Live Server 式预览：/liveserver 看 HTML（含相对资源与自动刷新），/md 看 Markdown 渲染；真服务只绑回环地址，经宿主通用代理对外只露同源前缀。",
 		"descriptionEn": "Live-Server-style preview: HTML under /liveserver (relative assets + auto reload), rendered Markdown under /md. Loopback-only inner server exposed via host proxy prefixes.",
 		"source": "xing-shuyin/pi-web-ui/plugins/live-preview",
@@ -84,9 +93,20 @@
 		"id": "image-toolkit",
 		"name": "image-toolkit",
 		"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=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><polyline points=\"21 15 16 10 5 21\"/></svg>",
 		"description": "图片处理工作台：压缩（可按目标体积二分逼近）、裁剪、缩放、旋转/翻转、格式转换（PNG/JPEG/WebP/AVIF）、批量导出 ZIP、水印、滤镜调色、图片信息与 EXIF，可直接读写工作区图片；另给 AI 配了 4 个工具，让 agent 自己压缩/裁剪/缩放/加水印工作区里的图。",
 		"descriptionEn": "Image workbench: compress (with target-size binary search), crop, resize, rotate/flip, format conversion (PNG/JPEG/WebP/AVIF), batch ZIP export, watermark, filters, image info + EXIF, and direct workspace read/write. Ships 4 AI tools so the agent can compress/crop/resize/watermark workspace images itself.",
 		"source": "xing-shuyin/pi-web-ui/plugins/image-toolkit",
 		"homepage": "https://github.com/xing-shuyin/pi-web-ui/tree/main/plugins/image-toolkit"
+	},
+	{
+		"id": "notes",
+		"name": "笔记",
+		"icon": "📓",
+		"iconSvg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\"><path d=\"M746.666667 64a170.666667 170.666667 0 0 1 170.666666 170.666667v554.666666a170.666667 170.666667 0 0 1-170.666666 170.666667H298.666667a170.666667 170.666667 0 0 1-170.666667-170.666667V234.666667a170.666667 170.666667 0 0 1 170.666667-170.666667h448z m0 74.666667H298.666667a96 96 0 0 0-95.893334 91.477333L202.666667 234.666667v554.666666a96 96 0 0 0 91.477333 95.893334L298.666667 885.333333h448a96 96 0 0 0 95.893333-91.477333L842.666667 789.333333V234.666667a96 96 0 0 0-91.477334-95.893334L746.666667 138.666667z\" fill=\"currentColor\"/><path d=\"M224 325.333333a37.333333 37.333333 0 0 1 3.072 74.538667l-3.072 0.128H106.666667a37.333333 37.333333 0 0 1-3.072-74.538667L106.666667 325.333333h117.333333zM224 624a37.333333 37.333333 0 0 1 3.072 74.538667l-3.072 0.128H106.666667a37.333333 37.333333 0 0 1-3.072-74.538667L106.666667 624h117.333333zM693.333333 346.666667a37.333333 37.333333 0 0 1 37.205334 34.261333l0.128 3.072v256a37.333333 37.333333 0 0 1-74.538667 3.072L656 640V384c0-20.608 16.725333-37.333333 37.333333-37.333333z\" fill=\"currentColor\"/></svg>",
+		"description": "随手记：笔记 + 待办 + 日程提醒三合一。顶栏按钮打开可自由拖拽的全局浮窗（位置/尺寸记忆，设置也在浮窗里，无独立视图页）；提醒走服务端定时（重启不丢、错过补送），另有 5 个 AI 工具与 /note /todo /remind 快速捕获。",
+		"descriptionEn": "Notes, todos and scheduled reminders in one place: a freely draggable always-on-top panel (position, size and settings all live in it, no separate view tab); reminders fire server-side (survive restarts, delivered on next open), with 5 AI tools and /note /todo /remind quick capture.",
+		"source": "xing-shuyin/pi-web-ui/plugins/notes",
+		"homepage": "https://github.com/xing-shuyin/pi-web-ui/tree/main/plugins/notes"
 	}
 ]

package/themes/catppuccin-latte.css

@@ -0,0 +1,136 @@
+/* theme-name: Catppuccin 浅色 */
+/* theme-name-en: Catppuccin Latte */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #eff1f5;
+	--bg-elev: #e6e9ef;
+	--bg-elev2: #dce0e8;
+	--border: #ccd0da;
+	--border-soft: #bcc0cc;
+	--text: #4c4f69;
+	--text-dim: #6c6f85;
+	--text-faint: #8c8fa1;
+	--accent: #1e66f5;
+	--accent-soft: rgba(30, 102, 245, 0.12);
+	--green: #40a02b;
+	--green-soft: rgba(64, 160, 43, 0.12);
+	--red: #d20f39;
+	--red-soft: rgba(210, 15, 57, 0.1);
+	--amber: #df8e1d;
+	--term-bg: #eff1f5;
+	--term-fg: #4c4f69;
+	--term-cursor: #dc8a78;
+	--term-cursor-accent: #eff1f5;
+	--term-selection: rgba(172, 176, 190, 0.35);
+	--term-black: #5c5f77;
+	--term-red: #d20f39;
+	--term-green: #40a02b;
+	--term-yellow: #df8e1d;
+	--term-blue: #1e66f5;
+	--term-magenta: #8839ef;
+	--term-cyan: #179299;
+	--term-white: #4c4f69;
+	--term-bright-black: #8c8fa1;
+	--term-bright-red: #d20f39;
+	--term-bright-green: #40a02b;
+	--term-bright-yellow: #df8e1d;
+	--term-bright-blue: #1e66f5;
+	--term-bright-magenta: #8839ef;
+	--term-bright-cyan: #179299;
+	--term-bright-white: #3c3e53;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #ffffff;
+	--code-bg: #e6e9ef;
+	--code-text: #4c4f69;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #d20f39;
+	--red-text: #d20f39;
+	--amber-text: #df8e1d;
+	--info-blue: #179299;
+	--link: #1e66f5;
+	--link-hover: #7287fd;
+	--link-soft: #1e66f5;
+	--md-strong: #3c3e53;
+	--skill-blue: #1e66f5;
+	--plugin-purple: #b58cff;
+	--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;
+	--send-blue: #1e66f5;
+	--send-blue-hover: #7287fd;
+	--brand-grad-a: #1e66f5;
+	--brand-grad-b: #8839ef;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #6c6f85;
+	--control-bg: #dce0e8;
+	--control-border: #ccd0da;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #e6e9ef;
+	--statusbar-bg: #e6e9ef;
+	--panel-bg: #e6e9ef;
+	--card-bg: #e6e9ef;
+	--chip-bg: #dce0e8;
+	--msgs-bg: #eff1f5;
+	--inputbox-bg: #dce0e8;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Catppuccin Latte) ---- */
+.hljs {
+	color: #4c4f69;
+	background: #e6e9ef;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #8839ef;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.function_ {
+	color: #1e66f5;
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-number {
+	color: #fe640b;
+}
+.hljs-string,
+.hljs-regexp {
+	color: #40a02b;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #df8e1d;
+}
+.hljs-comment,
+.hljs-code {
+	color: #7c7f93;
+}

package/themes/catppuccin.css

@@ -0,0 +1,140 @@
+/* theme-name: Catppuccin */
+/* theme-name-en: Catppuccin Mocha */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #1e1e2e;
+	--bg-elev: #24273a;
+	--bg-elev2: #313244;
+	--border: #45475a;
+	--border-soft: #363a4f;
+	--text: #cdd6f4;
+	--text-dim: #a6adc8;
+	--text-faint: #6c7086;
+	--accent: #89b4fa;
+	--accent-soft: rgba(137, 180, 250, 0.14);
+	--green: #a6e3a1;
+	--green-soft: rgba(166, 227, 161, 0.12);
+	--red: #f38ba8;
+	--red-soft: rgba(243, 139, 168, 0.12);
+	--amber: #f9e2af;
+	--term-bg: #181825;
+	--term-fg: #cdd6f4;
+	--term-cursor: #f5e0dc;
+	--term-cursor-accent: #181825;
+	--term-selection: rgba(88, 91, 112, 0.4);
+	--term-black: #45475a;
+	--term-red: #f38ba8;
+	--term-green: #a6e3a1;
+	--term-yellow: #f9e2af;
+	--term-blue: #89b4fa;
+	--term-magenta: #cba6f7;
+	--term-cyan: #89dceb;
+	--term-white: #bac2de;
+	--term-bright-black: #585b70;
+	--term-bright-red: #f38ba8;
+	--term-bright-green: #a6e3a1;
+	--term-bright-yellow: #f9e2af;
+	--term-bright-blue: #89b4fa;
+	--term-bright-magenta: #cba6f7;
+	--term-bright-cyan: #89dceb;
+	--term-bright-white: #a6adc8;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #313244;
+	--code-bg: #181825;
+	--code-text: #cdd6f4;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #f38ba8;
+	--red-text: #f38ba8;
+	--amber-text: #f9e2af;
+	--info-blue: #89dceb;
+	--link: #89b4fa;
+	--link-hover: #b4befe;
+	--link-soft: #89b4fa;
+	--md-strong: #cdd6f4;
+	--skill-blue: #89b4fa;
+	--plugin-purple: #b58cff;
+	--auth-green: #a6e3a1;
+	--scroll-thumb: #45475a;
+	--scroll-thumb-hover: #585b70;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #89b4fa;
+	--send-blue-hover: #b4befe;
+	--brand-grad-a: #89b4fa;
+	--brand-grad-b: #cba6f7;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #a6adc8;
+	--control-bg: #313244;
+	--control-border: #45475a;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #24273a;
+	--statusbar-bg: #181825;
+	--panel-bg: #24273a;
+	--card-bg: #24273a;
+	--chip-bg: #313244;
+	--msgs-bg: #1e1e2e;
+	--inputbox-bg: #313244;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Catppuccin Mocha) ---- */
+.hljs {
+	color: #cdd6f4;
+	background: #181825;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #cba6f7;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.function_ {
+	color: #89b4fa;
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-number {
+	color: #fab387;
+}
+.hljs-string,
+.hljs-regexp {
+	color: #a6e3a1;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #f9e2af;
+}
+.hljs-comment,
+.hljs-code {
+	color: #6c7086;
+}
+.hljs-tag,
+.hljs-name {
+	color: #89dceb;
+}

package/themes/nord.css

@@ -0,0 +1,130 @@
+/* theme-name: 北欧极光 */
+/* theme-name-en: Nord */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #2e3440;
+	--bg-elev: #3b4252;
+	--bg-elev2: #434c5e;
+	--border: #4c566a;
+	--border-soft: #3b4252;
+	--text: #d8dee9;
+	--text-dim: #e5e9f0;
+	--text-faint: #818c9f;
+	--accent: #88c0d0;
+	--accent-soft: rgba(136, 192, 208, 0.14);
+	--green: #a3be8c;
+	--green-soft: rgba(163, 190, 140, 0.12);
+	--red: #bf616a;
+	--red-soft: rgba(191, 97, 106, 0.12);
+	--amber: #ebcb8b;
+	--term-bg: #242933;
+	--term-fg: #d8dee9;
+	--term-cursor: #88c0d0;
+	--term-cursor-accent: #242933;
+	--term-selection: rgba(67, 76, 94, 0.5);
+	--term-black: #3b4252;
+	--term-red: #bf616a;
+	--term-green: #a3be8c;
+	--term-yellow: #ebcb8b;
+	--term-blue: #81a1c1;
+	--term-magenta: #b48ead;
+	--term-cyan: #88c0d0;
+	--term-white: #e5e9f0;
+	--term-bright-black: #4c566a;
+	--term-bright-red: #bf616a;
+	--term-bright-green: #a3be8c;
+	--term-bright-yellow: #ebcb8b;
+	--term-bright-blue: #81a1c1;
+	--term-bright-magenta: #b48ead;
+	--term-bright-cyan: #8fbcbb;
+	--term-bright-white: #eceff4;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #3b4252;
+	--code-bg: #242933;
+	--code-text: #d8dee9;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #bf616a;
+	--red-text: #bf616a;
+	--amber-text: #ebcb8b;
+	--info-blue: #81a1c1;
+	--link: #88c0d0;
+	--link-hover: #81a1c1;
+	--link-soft: #88c0d0;
+	--md-strong: #eceff4;
+	--skill-blue: #88c0d0;
+	--plugin-purple: #b58cff;
+	--auth-green: #a3be8c;
+	--scroll-thumb: #434c5e;
+	--scroll-thumb-hover: #4c566a;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #88c0d0;
+	--send-blue-hover: #81a1c1;
+	--brand-grad-a: #88c0d0;
+	--brand-grad-b: #81a1c1;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #d8dee9;
+	--control-bg: #3b4252;
+	--control-border: #4c566a;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #3b4252;
+	--statusbar-bg: #242933;
+	--panel-bg: #3b4252;
+	--card-bg: #3b4252;
+	--chip-bg: #434c5e;
+	--msgs-bg: #2e3440;
+	--inputbox-bg: #434c5e;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Nord) ---- */
+.hljs {
+	color: #d8dee9;
+	background: #242933;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #81a1c1;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #88c0d0;
+}
+.hljs-number,
+.hljs-literal {
+	color: #b48ead;
+}
+.hljs-string {
+	color: #a3be8c;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #ebcb8b;
+}
+.hljs-comment {
+	color: #616e88;
+}

package/themes/one-dark.css

@@ -0,0 +1,131 @@
+/* theme-name: One Dark */
+/* theme-name-en: One Dark Pro */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #282c34;
+	--bg-elev: #21252b;
+	--bg-elev2: #2c313a;
+	--border: #3e4451;
+	--border-soft: #31363f;
+	--text: #abb2bf;
+	--text-dim: #828997;
+	--text-faint: #5c6370;
+	--accent: #61afef;
+	--accent-soft: rgba(97, 175, 239, 0.14);
+	--green: #98c379;
+	--green-soft: rgba(152, 195, 121, 0.12);
+	--red: #e06c75;
+	--red-soft: rgba(224, 108, 117, 0.12);
+	--amber: #e5c07b;
+	--term-bg: #1e2227;
+	--term-fg: #abb2bf;
+	--term-cursor: #528bff;
+	--term-cursor-accent: #1e2227;
+	--term-selection: rgba(62, 68, 81, 0.5);
+	--term-black: #282c34;
+	--term-red: #e06c75;
+	--term-green: #98c379;
+	--term-yellow: #e5c07b;
+	--term-blue: #61afef;
+	--term-magenta: #c678dd;
+	--term-cyan: #56b6c2;
+	--term-white: #abb2bf;
+	--term-bright-black: #5c6370;
+	--term-bright-red: #e06c75;
+	--term-bright-green: #98c379;
+	--term-bright-yellow: #e5c07b;
+	--term-bright-blue: #61afef;
+	--term-bright-magenta: #c678dd;
+	--term-bright-cyan: #56b6c2;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #21252b;
+	--code-bg: #1e2227;
+	--code-text: #abb2bf;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #e06c75;
+	--red-text: #e06c75;
+	--amber-text: #e5c07b;
+	--info-blue: #56b6c2;
+	--link: #61afef;
+	--link-hover: #528bff;
+	--link-soft: #61afef;
+	--md-strong: #ffffff;
+	--skill-blue: #61afef;
+	--plugin-purple: #b58cff;
+	--auth-green: #98c379;
+	--scroll-thumb: #3e4451;
+	--scroll-thumb-hover: #4b5263;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #61afef;
+	--send-blue-hover: #528bff;
+	--brand-grad-a: #61afef;
+	--brand-grad-b: #c678dd;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--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: #828997;
+	--control-bg: #21252b;
+	--control-border: #3e4451;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #21252b;
+	--statusbar-bg: #1e2227;
+	--panel-bg: #21252b;
+	--card-bg: #21252b;
+	--chip-bg: #2c313a;
+	--msgs-bg: #282c34;
+	--inputbox-bg: #2c313a;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (One Dark Pro) ---- */
+.hljs {
+	color: #abb2bf;
+	background: #1e2227;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #c678dd;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #61afef;
+}
+.hljs-number,
+.hljs-literal {
+	color: #d19a66;
+}
+.hljs-string {
+	color: #98c379;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #e5c07b;
+}
+.hljs-comment {
+	color: #5c6370;
+	font-style: italic;
+}

package/themes/paper.css

@@ -6,10 +6,10 @@
 	--bg-elev: #fffdf6;
 	--bg-elev2: #efe7d3;
 	--border: #ddcfae;
-	--border-soft: #e7dcc2;
+	--border-soft: #ded1b3;
 	--text: #3f372c;
 	--text-dim: #6f6250;
-	--text-faint: #a2937a;
+	--text-faint: #6c5a41;
 	--accent: #b45309;
 	--accent-soft: rgba(180, 83, 9, 0.12);
 	--green: #15803d;
@@ -30,7 +30,7 @@
 	--term-magenta: #9333ea;
 	--term-cyan: #0e7490;
 	--term-white: #3f372c;
-	--term-bright-black: #a2937a;
+	--term-bright-black: #6c5a41;
 	--term-bright-red: #b91c1c;
 	--term-bright-green: #15803d;
 	--term-bright-yellow: #a16207;
@@ -89,14 +89,14 @@
 	--bg-image: none;
 	--bg-image-dim: 0.78;
 	--bg-image-blur: 0px;
-	--wallpaper-panel-alpha: 62%;
-	--topbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--statusbar-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--panel-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--card-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--chip-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
-	--msgs-bg: color-mix(in srgb, var(--bg-elev) var(--wallpaper-panel-alpha, 62%), transparent);
-	--inputbox-bg: color-mix(in srgb, var(--bg-elev2) var(--wallpaper-panel-alpha, 62%), transparent);
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #fffdf6;
+	--statusbar-bg: #fffdf6;
+	--panel-bg: #fffdf6;
+	--card-bg: #fffdf6;
+	--chip-bg: #efe7d3;
+	--msgs-bg: #fffdf6;
+	--inputbox-bg: #efe7d3;
 	--menu-bg: var(--bg-elev2);
 }
 
@@ -144,7 +144,7 @@
 .hljs-comment,
 .hljs-code,
 .hljs-formula {
-	color: #8a7d64;
+	color: #5f533e;
 }
 .hljs-name,
 .hljs-quote,