Olivier Chafik
7bbf2bb250
feat(basic-host): Add theme toggle and MCP style variables ( #336 )
...
* feat(basic-host): add theme toggle and MCP style variables
Add theme support to basic-host example:
- theme.ts: Global theme manager with light/dark toggle
- host-styles.ts: Full set of MCP CSS variables using light-dark()
- ThemeToggle component with sun/moon icons
- Theme-aware CSS using CSS custom properties
- Pass theme + styles to apps via hostContext
- Notify apps when theme changes via sendHostContextChange
Apps now receive:
- hostContext.theme: 'light' | 'dark'
- hostContext.styles.variables: All 60+ MCP CSS variables
- onhostcontextchanged notifications when theme changes
* test: update e2e goldens for theme changes
2026-01-23 20:41:26 +00:00
..
basic-preact.png
fix(e2e): make server-time element fill width for consistent mask ( #283 )
2026-01-19 17:01:55 +00:00
basic-react.png
feat(basic-host): Add theme toggle and MCP style variables ( #336 )
2026-01-23 20:41:26 +00:00
basic-solid.png
fix(e2e): make server-time element fill width for consistent mask ( #283 )
2026-01-19 17:01:55 +00:00
basic-svelte.png
fix(e2e): make server-time element fill width for consistent mask ( #283 )
2026-01-19 17:01:55 +00:00
basic-vanillajs.png
feat(basic-host): Add theme toggle and MCP style variables ( #336 )
2026-01-23 20:41:26 +00:00
basic-vue.png
fix(e2e): make server-time element fill width for consistent mask ( #283 )
2026-01-19 17:01:55 +00:00
budget-allocator.png
tests: add Playwright E2E tests with screenshot golden testing (+ fix examples session handling) ( #115 )
2025-12-13 20:57:27 +00:00
cohort-heatmap.png
feat(basic-host): URL params, fullscreen mode, unified layout ( #266 )
2026-01-14 22:09:41 +00:00
customer-segmentation.png
feat(basic-host): URL params, fullscreen mode, unified layout ( #266 )
2026-01-14 22:09:41 +00:00
debug-server.png
feat(debug-server): add interactive debug server example ( #321 )
2026-01-23 12:39:40 +00:00
host-initial.png
tests: add Playwright E2E tests with screenshot golden testing (+ fix examples session handling) ( #115 )
2025-12-13 20:57:27 +00:00
integration.png
feat(basic-host): Add theme toggle and MCP style variables ( #336 )
2026-01-23 20:41:26 +00:00
map-server.png
feat(basic-host): URL params, fullscreen mode, unified layout ( #266 )
2026-01-14 22:09:41 +00:00
pdf-server.png
examples: add PDF viewer w/ chunked data loading, full-screen, model context updates, private tool ( #267 )
2026-01-14 14:25:24 +00:00
qr-server.png
fix: add default text value for QR code generation
2026-01-14 20:41:19 +00:00
say-server.png
feat(examples): add say-server - streaming Pocket TTS with karaoke highlighting ( #304 )
2026-01-20 00:41:50 +00:00
scenario-modeler.png
tests: add Playwright E2E tests with screenshot golden testing (+ fix examples session handling) ( #115 )
2025-12-13 20:57:27 +00:00
shadertoy.png
feat(basic-host): improve host UI with collapsible panels and SDK types ( #244 )
2026-01-12 19:42:11 +00:00
sheet-music.png
feat(basic-host): URL params, fullscreen mode, unified layout ( #266 )
2026-01-14 22:09:41 +00:00
system-monitor.png
fix(e2e): make server-time element fill width for consistent mask ( #283 )
2026-01-19 17:01:55 +00:00
threejs.png
feat(basic-host): URL params, fullscreen mode, unified layout ( #266 )
2026-01-14 22:09:41 +00:00
transcript.png
examples: add transcript-server example with live speech transcription ( #240 )
2026-01-12 21:27:31 +00:00
wiki-explorer.png
feat(basic-host): improve host UI with collapsible panels and SDK types ( #244 )
2026-01-12 19:42:11 +00:00