Skip to content

Explore a macOS Sequoia look for the interface - #138

Draft
cu1ch3n wants to merge 1 commit into
codex/remove-collaborationfrom
ui/apple-native
Draft

cu1ch3n wants to merge 1 commit into
codex/remove-collaborationfrom
ui/apple-native

Conversation

@cu1ch3n

@cu1ch3n cu1ch3n commented Nov 11, 2026

Copy link
Copy Markdown
Member

Draft kept for reference only; not intended to merge as is.

This branch was built on 750ce07, the head of #85, which is behind current main. It targets that branch so the diff shows only this change. It conflicts with main, including the mobile redesign in #118 and the Version Management changes in #117. Rebase it before reusing any of it.

What it tries

The interface follows macOS Sequoia, not Liquid Glass, so it stops looking like a generic Tailwind/shadcn app.

  • Palette: Apple system colours replace the Tailwind defaults: #007AFF / #0A84FF, systemGreen, systemRed and so on. Neutrals are cool greys, fills are translucent, and dark mode uses Apple's neutral greys. Note group colours and the review's before/after tints switch to system colours too.
  • Type: SF at 13px for body text and 11px for secondary text. UI chrome uses no serif and no semibold; PingFang's heavy weights become Medium.
  • Borders: separators are 0.5px hairlines. Cards and panels lose their outlines and are separated by fills or lifted by shadows.
  • Controls:
    • push buttons and pop-up buttons with the up/down chevron
    • text-field wells
    • grey-track segmented controls, including Accept all / Reject all as one momentary segmented control
    • small switches
    • a ticked slider instead of the gradient effort slider
    • menus with a blur material and an accent-filled highlight
  • Layout:
    • the sidebar follows Finder
    • Settings follows System Settings: colour squircle icons, faint grouped rows, an 860px window
    • My notes and task notes read as plain grouped rows
  • Toolbar: monochrome glyphs grouped by spacing. Compile is a plain glyph, and only a failure or a running build is coloured.
  • Icons: all icons are redrawn in an SF Symbols style. They are our own drawings, because SF Symbols may not ship on web, Windows or Linux. Selected tools tint their glyph.
  • Desktop: on macOS the sidebar uses vibrancy: 'sidebar', and the window material follows the app's light, dark or system setting.
  • Removed: the task review's separate Full PDF link. The PDF / Changes switch already shows the full PDF.

Checks

On this base, npm run typecheck, npm test, the engine tests, npm run test:playground and every test:ui check pass. Checks that pinned old colour values now assert the new ones.

Replace the Tailwind palette and outlined boxes with Apple system colours,
hairline separators and macOS controls: push and pop-up buttons, text-field
wells, segmented controls, small switches and a ticked slider. Menus use a
blur material with accent highlights; the sidebar follows Finder and
Settings follows System Settings. Icons are redrawn in an SF Symbols style,
UI weights drop to Medium, and note lists read as plain grouped rows. On
macOS the desktop window uses the sidebar vibrancy material, following the
app's theme.

Remove the task review's separate Full PDF link; the PDF / Changes switch
already shows the full PDF.

This branch has not been deployed

No deployments
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.

1 participant