Skip to content

Redesign Streamlit UI with GitHub Copilot-inspired aesthetic#1

Open
abomed95 wants to merge 1 commit into
mainfrom
claude/angry-colden-123268
Open

Redesign Streamlit UI with GitHub Copilot-inspired aesthetic#1
abomed95 wants to merge 1 commit into
mainfrom
claude/angry-colden-123268

Conversation

@abomed95

Copy link
Copy Markdown
Owner

Restructures the frontend with a modern, professional look inspired by GitHub Copilot's chat interface:

  • Adopt GitHub dark palette (#0d1117 base, #161b22/#1c2128 elevations)
  • Apply Copilot purple-to-blue gradient (#a371f7 -> #8957e5 -> #58a6ff) to brand mark, AI avatar, message name, primary buttons, send button
  • Replace heavy chat bubbles with thread-style messages (avatar + name
    • content) for a cleaner reading flow
  • Add centered hero with sparkle icon and gradient title on empty state
  • Add 2x2 suggestion cards with category micro-labels
  • Inline source chips ([1] p.12) under AI replies, with expander for full excerpts
  • Add animated sparkle "thinking" indicator
  • Slim topbar with monospace status pills replaces the heavy header
  • Sidebar restyled with primary "New conversation" CTA and VS Code-like conversation list
  • Glow-on-focus chat input matching Copilot's send experience
  • Reduce container width to 920px for proper thread reading
  • Hide native Streamlit chrome (menu, header, footer)

Restructures the frontend with a modern, professional look inspired
by GitHub Copilot's chat interface:

- Adopt GitHub dark palette (#0d1117 base, #161b22/#1c2128 elevations)
- Apply Copilot purple-to-blue gradient (#a371f7 -> #8957e5 -> #58a6ff)
  to brand mark, AI avatar, message name, primary buttons, send button
- Replace heavy chat bubbles with thread-style messages (avatar + name
  + content) for a cleaner reading flow
- Add centered hero with sparkle icon and gradient title on empty state
- Add 2x2 suggestion cards with category micro-labels
- Inline source chips ([1] p.12) under AI replies, with expander for
  full excerpts
- Add animated sparkle "thinking" indicator
- Slim topbar with monospace status pills replaces the heavy header
- Sidebar restyled with primary "New conversation" CTA and VS Code-like
  conversation list
- Glow-on-focus chat input matching Copilot's send experience
- Reduce container width to 920px for proper thread reading
- Hide native Streamlit chrome (menu, header, footer)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
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