Skip to content

fix(ui): frame the diff as the pane's surface and add a wallpaper tinting option (#275, #276) - #282

Merged
hewigovens merged 1 commit into
mainfrom
polish-tinting
Sep 18, 2026
Merged

hewigovens merged 1 commit into
mainfrom
polish-tinting

Conversation

@hewigovens

@hewigovens hewigovens commented Sep 18, 2026

Copy link
Copy Markdown
Owner

The diff no longer sits in a rounded, inset card: text diffs, previews and placeholders run to the pane edges while the diff header and its banners keep the same 18 pt inset as the metadata above, and Edit Diff moves from the description row into the diff header next to Unified/Split with its action, keyboard stop, help text and accessibility identifier intact; the neighbouring file editor button is titled Edit File, and below 600 pt the header controls drop their titles and keep their symbols so the file name is never squeezed out (#275). Dark-mode wallpaper tinting stays on by default because it is what macOS does to every window, and a new Appearance setting with the system's own wording, Tint window background with wallpaper color, turns it off by painting the window content with the system text background so the sidebar, file list and diff share one neutral surface on any desktop (#276); the file lists hide their own scroll background only while tinting is off.

Closes #275. Closes #276. Part of #270.

The section identifier now lives on the header's file name instead of propagating from the section root, which had been overwriting every child's identifier; the image resize scene finds its divider by label. Below 600 pt of header width the controls drop their titles and keep their symbols.

Before / after

Same fixture repo, same selection, revset bar shown, 2x. Before is current main.

Light

Before

before-light

After

after-light

Dark

Before

before-dark

After

after-dark

Narrow window (1024 pt)

Below 600 pt of header width the controls keep their symbols and drop their titles.

after-light-narrow

Wallpaper tinting turned off (dark)

after-dark-opaque

Settings

settings-appearance-dark

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 18, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
🔒 Security Review Completed 2026-09-18T08:49:58.865418Z 9b77c5f PR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

Repository owner deleted a comment from chatgpt-codex-connector Bot Sep 18, 2026
@hewigovens
hewigovens force-pushed the polish-tinting branch 4 times, most recently from c5c3a3f to b0c5e79 Compare September 18, 2026 10:13
…ting option (#275, #276)

The diff no longer sits in a rounded, inset card: text diffs, previews and placeholders run to the pane edges while the diff header and its banners keep the same 18 pt inset as the metadata above, and Edit Diff moves from the description row into the diff header next to Unified/Split with its action, keyboard stop, help text and accessibility identifier intact; the neighbouring file editor button is titled Edit File, and below 600 pt the header controls drop their titles and keep their symbols so the file name is never squeezed out (#275). Dark-mode wallpaper tinting stays on by default because it is what macOS does to every window, and a new Appearance setting with the system's own wording, Tint window background with wallpaper color, turns it off by painting the window content with the system text background so the sidebar, file list and diff share one neutral surface on any desktop (#276); the file lists hide their own scroll background only while tinting is off. The section identifier now lives on the header's file name instead of propagating from the section root, which had been overwriting every child's identifier; the image resize scene finds its divider by label.
@hewigovens hewigovens changed the title fix(ui): frame the diff as the pane's surface and add an opaque window background option (#275, #276) fix(ui): frame the diff as the pane's surface and add a wallpaper tinting option (#275, #276) Sep 18, 2026
@hewigovens
hewigovens merged commit 46cf45e into main Sep 18, 2026
6 checks passed
@hewigovens
hewigovens deleted the polish-tinting branch September 18, 2026 22:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dark-mode surfaces follow the wallpaper color Diff framing and Edit Diff placement

1 participant