feat: Luminous Depth UI redesign

mirror of https://github.com/davidkaya/aryx.git synced 2026-08-06 19:58:43 +02:00

Complete visual overhaul of the Aryx application with the Luminous Depth
design language — blue-tinted dark surfaces, brand gradient accents,
glass-morphism effects, and refined typography.

Design Foundation:
- New color system with CSS custom properties for all surfaces, borders,
  text, accents, and status colors
- Typography: Outfit (display), DM Sans (body), JetBrains Mono (code)
- Animations: accent-flow, thinking-wave, ambient-glow
- Utility classes: glass-surface, glow-border, brand-gradient-bg/text
- Light theme with cool-tinted whites and blue-tinted shadows

Components Updated:
- UI primitives (TextInput, SelectInput, ToggleSwitch, FormField, etc.)
- AppShell with ambient glow background
- Sidebar with brand gradient selection and accent-flow running bars
- ChatPane with semantic phase tinting and gradient user avatars
- WelcomePane with nebula background and motion entrance animations
- All chat banners (Approval, UserInput, PlanReview, MCP Auth, etc.)
- ActivityPanel and RunTimeline with glass-surface cards
- Settings panels, modals, and editor shells
- TerminalPanel with harmonized ANSI palette
- PatternGraph nodes with glass-surface styling
- MarkdownComposer toolbar

Zero hardcoded zinc/indigo color classes remain in renderer components.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

This commit is contained in:

David Kaya

2026-03-29 17:10:00 +02:00

co-authored by

Copilot

parent 2f1c5bc6d7

commit f8b4c3cf4f

43 changed files with 1214 additions and 969 deletions

									
										src/renderer/index.html
									
		+1
		-1
	
												View File
												
				@@ -8,7 +8,7 @@

				    />

				    <title>aryx</title>

				  </head>

				  <body class="bg-slate-950 text-slate-100">

				  <body class="bg-[var(--color-surface-0)] text-[var(--color-text-primary)]">

				    <div id="root"></div>

				    <script

				      type="module"