feat(coding-agent): standardized html export styling with brand palette

- Introduced `web-palette.ts` to implement the collab-web pink/purple brand identity for HTML exports.
- Updated `generateThemeVars` to support a `palette` option, allowing users to choose between the brand-web aesthetic and a specific TUI theme.
- Configured public exports and the share-viewer script to default to the brand-web palette rather than inheriting the user's terminal theme.
- Refactored `AgentSession.exportToHtml` to align with the new branding defaults while allowing for per-export theme overrides.
- Adjusted `dark.json` background values to ensure better visual consistency across internal surfaces.
This commit is contained in:
can1357
2026-06-21 18:31:03 +02:00
parent 1cb433cbde
commit 838b5162bc
6 changed files with 206 additions and 14 deletions
@@ -19,8 +19,10 @@ if (!outPath) {
}
const loaderJs = await Bun.file(new URL("../src/export/html/share-loader.js", import.meta.url).pathname).text();
// Pin a built-in theme: the viewer is a public artifact, not a per-user export.
const themeVars = await generateThemeVars("dark");
// Pin the omp brand palette (collab-web pink/purple identity) — the viewer is
// a public artifact matching the live my.omp.sh client, not a per-user export
// that should mirror the host's terminal theme.
const themeVars = await generateThemeVars("web");
const html = getTemplate()
.replace("<theme-vars/>", () => `<style>:root { ${themeVars} }</style>`)