[feat-020] Dark-mode polish: white Onit mark + light send button

↗ view on GitHub · Nick Whitehouse · 2026-05-07 · 3d3a2991

Two visible-in-dark-mode fixes from initial smoke testing:

- Onit "O" mark swaps to ONIT_Mark_White.svg in dark mode. Added
  /public/onit-mark-white.svg and updated all 5 sites that render
  the dark mark (InitialView, AppSidebar, WorkflowList, site-logo,
  onit-status-icon) to use the dual-img pattern with `block
  dark:hidden` + `hidden dark:block`. No theme-context dependency
  so server-rendered components Just Work.

- Chat-input send button now flips to a white gradient with a
  dark arrow in dark mode. Was bg-gradient-to-b from-neutral-700
  to-black with text-primary-foreground - invisible on dark page
  background. Added `dark:from-neutral-100 dark:to-white
  dark:disabled:from-neutral-300 dark:disabled:to-neutral-200
  dark:border-foreground/20`. text-primary-foreground already
  flips correctly so the arrow goes white→dark with the theme.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Repository nwhitehouse/mike
Author Nick Whitehouse <nick.whitehouse@mccarthyfinch.com>
Authored
Parents 88c73cbe
Stats 7 files changed , +43 , -5
Part of Dark mode + semantic-token migration

Capture this commit into my fork

Download a Markdown prompt that tells Claude how to port this exact commit into your working tree. Run it via claude -p < capture-commit-3d3a2991.md from inside the repo you want the change in.

⬇ Download capture-commit-3d3a2991.md