Skip to content

Commit 5c2e519

Browse files
authored
feat: Implement a background to the installer dmg (#1662)
## Problem The macOS DMG installer opens with a plain white background and no visual guidance for drag-to-install. <!-- Who is this for and what problem does it solve? --> <!-- Closes #ISSUE_ID --> ## ![CleanShot 2026-04-14 at 21.23.26@2x.png](https://app.graphite.com/user-attachments/assets/e5cb2830-816c-410d-9885-02a6cbd48426.png) Closes #638 ## Changes 1. Add custom background image for the DMG window 2. Configure icon size, positions and window dimensions to match the background layout 3. Place app and Applications shortcut at correct coordinates for the drag-to-install flow <!-- What did you change and why? --> <!-- If there are frontend changes, include screenshots. --> ## How did you test this? Manually <!-- Describe what you tested -- manual steps, automated tests, or both. --> <!-- If you're an agent, only list tests you actually ran. -->
1 parent 8cb36a9 commit 5c2e519

2 files changed

Lines changed: 7 additions & 0 deletions

File tree

apps/code/build/dmg-background.png

9.49 KB
Loading

apps/code/forge.config.ts

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -173,6 +173,13 @@ const config: ForgeConfig = {
173173
new MakerDMG({
174174
icon: "./build/app-icon.icns",
175175
format: "ULFO",
176+
background: "./build/dmg-background.png",
177+
iconSize: 80,
178+
window: { size: { width: 540, height: 380 } },
179+
contents: (opts) => [
180+
{ x: 135, y: 225, type: "file", path: opts.appPath },
181+
{ x: 405, y: 225, type: "link", path: "/Applications" },
182+
],
176183
...(shouldSignMacApp && appleCodesignIdentity
177184
? {
178185
"code-sign": {

0 commit comments

Comments
 (0)