Page history · claude-docs

Blend your MCP App with Claude's themeconnectors/building/mcp-apps/transparent-theming

Every read this site has made of the page, newest first. A date is when upstream edited the page, where upstream publishes that, and otherwise when the poller caught the edit; each row says which of the two it is.

Recorded changes5including the first read

Lines now156in the newest capture

Characters9,800in the newest capture

First seen 14 Aug 2026 09:20 UTC

Last changed 22 Oct 2026 18:07 UTC

Every recorded edit

5 edits since this site first read it

WhenTitle it carriedWhatLines

25 Sep 26 Blend your MCP App with Claude's theme ±changed +5−5 25 Sep 26 Blend your MCP App with Claude's theme ±changed +35−37 25 Sep 26 Blend your MCP App with Claude's theme ±changed +4−4 25 Sep 26 Blend your MCP App with Claude's theme ±changed +22−18 14 Aug 26 Blend your MCP App with Claude's theme ·first recorded +154−0

As it stands

Lines156
Characters9,800
Categoryconnectors
Pathconnectors/building/mcp-apps/transparent-theming

Read it upstream →

Sections it gained

## Apply the host style variables
## Next steps
# Blend your MCP App with Claude's theme
## Let the host background show through
### Don't paint a body background
### Declare `color-scheme` in your document head
### Request a borderless frame
## Apply the host's style variables
### Read `hostContext` and listen for changes
### Reference the variables in your CSS
### Allow the host font origin in your CSP
## Related topics