> This page is for Afterpay. > For clean Markdown of any page, append .md to the page URL. > For a complete documentation index, see https://developers.cash.app/llms.txt. > For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.cash.app/_mcp/server. # On-Site Messaging Migration Your existing Afterpay messaging will automatically map to the new Afterpay branding. The themes will transition automatically based on your current selections. All existing integration code will continue to work; no action is required unless you want to change themes. These changes only apply to merchants in the US. > **Info** > > Background color detection afffects some asset themes. If background color dependency is marked "Yes," it means you'll see a light variant on a light background, and a dark variant on a dark background. ### Messaging assets mapping > **Info** > > Badge configurations also apply to the compact badge | Asset Type | Configuration | Afterpay Theme | Before | Afterpay Theme | After | Background Color Dependency | | ---------------------- | ----------------------------------------------------- | -------------------- | --------------------------------------------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | | Default Lockup | `"logoType": "lockup"` | Black lockup | ![](/_fern-img/40e1a427a4360a798c157f2214422d4741f94d347d5e9f86862b44ad729f9a21.webp) | Mono light | ![](/_fern-img/8e9c42d94fc4cb878398d3acd8792578a47ea113cbe6c55e89ced5b40403676f.webp) | No | | Lockup - Mint | `"logoType": "lockup", "lockupTheme": "mint"` | Mint lockup | ![](/_fern-img/f6dc7a9b002a926c378bdaf54fc492c942eb57e09432e5d953ce863975d39a28.webp) | Color - Light variant OR Dark variant | ![](/_fern-img/04b8184a770ec2e4d8f27112bf05749532326d61c80f9a0088f289a59eb1a8e7.webp) or ![]() | Yes | | Lockup - White | `"logoType": "lockup", "lockupTheme": "white"` | White lockup | ![](/_fern-img/921674d81e2e724085eb7c28fffd128aeed03330f57d5836e372c8be618254d8.webp) | Mono dark | ![]() | No | | Lockup - Black | `"logoType": "lockup", "lockupTheme": "black"` | Black lockup | ![](/_fern-img/40e1a427a4360a798c157f2214422d4741f94d347d5e9f86862b44ad729f9a21.webp) | Mono light | ![](/_fern-img/8e9c42d94fc4cb878398d3acd8792578a47ea113cbe6c55e89ced5b40403676f.webp) | No | | Badge Default | `"logoType": "badge"` | Black on mint badge | ![](/_fern-img/5f5e681abf9e9035a9eb268b5d970158bc0c5965cdedfa6f801d281da56ef146.webp) | Color - Light variant OR Dark variant | ![](/_fern-img/04b8184a770ec2e4d8f27112bf05749532326d61c80f9a0088f289a59eb1a8e7.webp) or ![]() | Yes | | Badge - Black on Mint | `"logoType": "badge", "badgeTheme": "black-on-mint"` | Black on mint badge | ![](/_fern-img/5f5e681abf9e9035a9eb268b5d970158bc0c5965cdedfa6f801d281da56ef146.webp) | Color - Light variant OR Dark variant | ![](/_fern-img/04b8184a770ec2e4d8f27112bf05749532326d61c80f9a0088f289a59eb1a8e7.webp) or ![]() | Yes | | Badge - Mint on Black | `"logoType": "badge", "badgeTheme": "mint-on-black"` | Mint on black badge | ![](/_fern-img/72cd050d18c50a5df445904894b93271b68037ca72da63b8646cecb19452e460.webp) | Color - Light variant OR Dark variant | ![](/_fern-img/04b8184a770ec2e4d8f27112bf05749532326d61c80f9a0088f289a59eb1a8e7.webp) or ![]() | Yes | | Badge - White on Black | `"logoType": "badge", "badgeTheme": "white-on-black"` | White on black badge | ![](/_fern-img/cd788ec71ccbb1bd7cc6bf9fdd85cb550929b808292bd1dc6863dc7cd3381104.webp) | Mono - Dark variant OR Light variant | ![](/_fern-img/8e9c42d94fc4cb878398d3acd8792578a47ea113cbe6c55e89ced5b40403676f.webp) or ![]() | Yes | | Badge - Black on White | `"logoType": "badge", "badgeTheme": "black-on-white"` | Black on white badge | ![](/_fern-img/8b6237857a3df85f0bc278fb198e6f6e29d53d6989a03e03cf7fc9291d27987d.webp) | Mono - Dark variant OR Light variant | ![](/_fern-img/8e9c42d94fc4cb878398d3acd8792578a47ea113cbe6c55e89ced5b40403676f.webp) or ![]() | Yes | ### Modal assets mapping | Asset Type | Configuration | Afterpay Modal | Before | Afterpay Modal | After | Background Color Dependency | | ----------- | ----------------------- | -------------- | ----------------------------------------------------------------- | ----------------------- | --------------------------------------------------------------- | --------------------------- | | Mint Modal | `"modalTheme": "mint"` | Mint Modal | ![](/_fern-img/c00d68f5ab363dffef830546f7332e8dc39a849b31d1929d028abf0c9428db9f.webp) | Standard Afterpay Modal | ![](/_fern-img/1d87fe54dc5a9a58932d5fd7672626948805bd301a1aa8b853e4c7d302c4026e.webp) | No | | White Modal | `"modalTheme": "white"` | White Modal | ![]() | Standard Afterpay Modal | ![](/_fern-img/1d87fe54dc5a9a58932d5fd7672626948805bd301a1aa8b853e4c7d302c4026e.webp) | No | ### Icon assets mapping | Asset Type | Configuration | Afterpay Icon | Before | Afterpay Icon | After | Background Color Dependency | | ---------- | --------------------- | ------------- | ------------------------------------------------------- | ------------- | -------------------------------------------------------------------- | --------------------------- | | Icon | `"data-type": "icon"` | Afterpay Icon | ![](/_fern-img/7d862109e46ec19f304822ad80c35a4d42e72c8b70535c1a9db0f8f7604002a7.webp) | Afterpay Icon | ![](/_fern-img/02402f3e4df91228f26de8492132c2d0c53e4a55224c536000f3a6ade39c2872.webp) | No |