UI redesign based on Stitch designs#106
Merged
Merged
Conversation
Major visual overhaul unifying 9 Stitch screen designs into a cohesive dark theme with WCAG AA compliant readability. - Stitch-derived dark palette with reading surface for content areas - TopBar refactored to presentational with project tabs in nav - Unified tree sidebar with status dots and collapsible hierarchy - Login, Projects Dashboard, Settings pages redesigned - MarkdownRenderer with custom component map for proper contrast - ChatPanel, DependencyGraph, TokenStatsDashboard restyled - MemberManager with avatar table layout - Stats sub-tabs: Stats, Log View, Alerts - 35 Playwright E2E baseline tests with CI job
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Changes by area
Theme: Stitch-derived dark palette, reading surface for content, glass-panel/input-etched/ui-placeholder utilities
Layout: TopBar variants (dashboard/project/settings), tree sidebar with status dots, compact action bar
Pages: Login (gradient blur, etched inputs), Dashboard (deeper cards, Forge modal), Settings (Stitch section layout with members table, API keys table, danger zone)
Components: MarkdownRenderer (custom h2/h3/table/list/code renderers), ChatPanel (lighter bg), DependencyGraph (stats cards), TokenStatsDashboard (Stats/Log View/Alerts sub-tabs), MemberManager (avatar table)
Tests: 35 E2E specs covering auth, dashboard, workspace, chat, stats, dependencies, settings, theme toggle. CI job with Docker Compose health checks.
Test plan