Skip to content

Redesign dashboard UI with Alto-inspired dark theme#4

Merged
toodimes merged 3 commits intomainfrom
davidastor/ui-improvements
Mar 5, 2026
Merged

Redesign dashboard UI with Alto-inspired dark theme#4
toodimes merged 3 commits intomainfrom
davidastor/ui-improvements

Conversation

@toodimes
Copy link
Copy Markdown
Owner

@toodimes toodimes commented Mar 5, 2026

Context

Upgrade the observability dashboard from a light theme with green accents to a premium dark-mode design matching the Alto app's visual language.

TL;DR

Dashboard now uses a dark theme with gold accents, Inter font, and minimal card-based UI inspired by Alto.

Summary

  • Replaced light green theme with dark surfaces (pure black background, #1D1D1D cards)
  • Changed accent color from green (#10a37f) to gold (#C5A063) with gradient
  • Updated typography from Sohne to Inter via Google Fonts
  • Converted all badges to pill-style (9999px radius) with semantic color tints
  • Replaced glass morphism effects with solid dark surfaces and subtle borders
  • Updated hover interactions to use opacity reduction (0.9) instead of color shifts
  • Added support for semantic colors: red for danger, green for success, amber for warning

Alternatives

  • Keep the current light theme: Considered but the new dark theme matches the team's design direction
  • Use system font instead of Inter: Not chosen to maintain consistency with Alto's design language

Test Plan

  • Load the dashboard in browser and verify dark theme applies
  • Check that Inter font loads in Network tab
  • Expand a running session row to verify event log panel styling
  • Test responsive breakpoints at 860px and 560px
  • Verify Live/Offline status badge displays correctly
  • Test Copy ID button interaction on session rows

toodimes added 3 commits March 5, 2026 12:07
Replace the light theme with a dark design language matching Alto: black
backgrounds, gold accent gradient, Inter typeface, solid dark card
surfaces with subtle borders, and opacity-based interactions.
Add SYMPHONY_SERVER_PORT environment variable documentation and port priority
order. Update WORKFLOW.md to include dispatch_states configuration.
@toodimes toodimes merged commit 0da6aa9 into main Mar 5, 2026
toodimes added a commit that referenced this pull request Mar 5, 2026
Fetch human comments from Linear issues between Codex turns so the bot
can address feedback left mid-execution. Bot-authored comments are
distinguished by injecting an invisible `<!-- symphony-bot -->` marker
at the DynamicTool layer (commentCreate/commentUpdate mutations), then
filtered out during fetch. The feature is opt-in via
`tracker.track_comments: true` in WORKFLOW.md.

New modules: Linear.Comment (struct), Linear.CommentFetcher
(fetch-filter-diff logic with seen-map tracking for edits). AgentRunner
threads comment state through its recursive turn loop and injects
relevant comments into the continuation prompt.
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