Branded DMG install window styled after the landing page - #7
Merged
Conversation
- bundle.macOS.dmg config: 660x420 window, app icon at (170,220), Applications at (490,220), custom background - src-tauri/dmg/background.png: 1320x840 @144dpi (retina 2x), cream dot-grid ground, Donna pill badge, two-tone hero headline, floating mini-cards, terracotta drag arrow, xattr fix hint for the unsigned-app "damaged" dialog - scripts/build-dmg-background.mjs: reproducible generator (playwright-core screenshot of an HTML art board + sips DPI stamp) Co-Authored-By: Claude Fable 5 <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Gives the macOS .dmg a branded install window instead of the bare default Finder view, styled as a miniature of the landing page (duckyquang.github.io/Donna).
src-tauri/tauri.conf.json—bundle.macOS.dmg: 660x420 window, app icon at (170,220), Applications folder at (490,220), custom background image.src-tauri/dmg/background.png— 1320x840 px stamped to 144 DPI so Finder renders it retina-crisp at 660x420 pt. Landing-page design language: cream#f6f0e6dot-grid ground, white pill badge with the Donna face logo, two-tone hero headline ("Drag Donna" ink / "into Applications" muted), two floating mini-cards in opposite corners, terracotta arrow between the icon slots, and a bottom hint for the unsigned-app quarantine dialog: open Terminal and runxattr -cr /Applications/Donna.app.scripts/build-dmg-background.mjs— reproducible generator: renders an HTML art board with playwright-core (2x device scale screenshot), stamps DPI viasips. Run withnpm i --no-save playwright-core && node scripts/build-dmg-background.mjs.No TIFF fallback was needed — the 144 DPI PNG scales correctly.
Verified
node scripts/build-dmg-background.mjsproduces 1320x840 @ 144 DPI (visually reviewed).bash scripts/build-sidecar.sh+npm run tauri build -- --bundles dmgsucceeds; background path resolves.Donna.app,Applicationssymlink, and.background/background.pngall present; embedded PNG checksum matches the committed asset.🤖 Generated with Claude Code