[Opencode Sync] Shared UI: Theme and Styling

[adolago]

Scope

• Base ref: origin/main
• Source ref: opencode/dev
• Theme id: ui-theme
• Commits mapped: 30
• Date span: 2026-01-20 to 2026-02-12

Theme Summary

Theme, style system, and presentation primitives for shared UI.

Mapping Rule

Commits are assigned to one issue by dominant touched-path prefix (most matched files in commit; ties resolved by longest prefix then fixed theme order).

Top Path Hotspots

• packages/ui/src/styles/theme.css (8)
• packages/ui/src/theme/themes/oc-1.json (4)
• packages/ui/src/pierre/index.ts (4)
• packages/ui/src/theme/default-themes.ts (3)
• packages/ui/src/context/dialog.tsx (3)
• packages/ui/src/theme/themes/ayu.json (2)
• packages/ui/src/hooks/create-auto-scroll.tsx (2)
• packages/app/src/pages/session.tsx (2)
• packages/ui/src/context/marked.tsx (2)
• packages/ui/package.json (1)

Commits

• 0b9b85ea wip(app): ayu colors
• 26f66b5f update: color token
• 5521d66b wip(app): ayu colors
• 7653e2d4 update: add new border and shadow style
• ef36af0e wip(app): i18n
• 936f3ebe feat(ui): add gruvbox theme (Web/App) (feat(ui): add gruvbox theme (Web/App) anomalyco/opencode#9855)
• c69e3bbd fix(app): auto-scroll ux
• 923e3da9 feat(ui): add aura theme (feat(ui): add aura theme anomalyco/opencode#10056)
• 9aa54fd7 fix(app): support ctrl-n/p in lists (fix(app): support ctrl-n/p in lists anomalyco/opencode#10036)
• 2daa3652 fix(ui): add button-primary-base variable and use primary variant for Comment button
• 0d41f1fc fix(ui): remove unnecessary !important from diff selection styles
• 363ff153 fix(ui): fix selected line number color in diff view for light/dark mode
• 48236ee0 feat(ui): add critical shadow for comment input validation, set editor popover radius to 14px
• 4ded06f0 update: theme variables
• 847a7ca0 fix(app): don't show scroll to bottom if no scroll
• 91287dd7 fix(app): tooltip text in light mode to use inverted neutral scale (fix(app): tooltip text in light mode to use inverted neutral scale anomalyco/opencode#9786)
• b3901ac3 chore: generate
• d4443d79 update: border variable
• e1fe86e6 chore: generate
• 14b00f64 fix(app): escape should always close dialogs
• 4c2d597a fix(app): line selection colors
• 7caf59b4 fix(ui): prevent double-close and fix dialog replacement
• 7fcdbd15 fix(app): Order themes alphabetically (fix(app): Order themes alphabetically anomalyco/opencode#10698)
• 60de810d fix(app): dialog not closing
• 9424f829 fix(ui): allow KaTeX inline math to be followed by punctuation (fix(ui): allow KaTeX inline math to be followed by punctuation anomalyco/opencode#11033)
• 43bb389e Fix(app): the Vesper theme's light mode (Fix(app): the Vesper theme's light mode anomalyco/opencode#9892)
• ba545ba9 fix(app): session scroll bar color (fix(app): session scroll bar color anomalyco/opencode#11857)
• aed7bb8c chore: remove unused themes (chore: remove unused themes anomalyco/opencode#12753)
• 5f421883 chore: style loading screen
• ecb27427 wip(ui): diff virtualization (wip(ui): diff virtualization anomalyco/opencode#12693)

Acceptance Checklist

• Validate each commit intent is represented in this theme
• Define parity implementation tasks for Zee based on these commits
• Mark commits that are not applicable to Zee