Skip to content

UI redesign: premium native look inspired by Slack/Discord#193

Merged
SlayterDev merged 2 commits into
mainfrom
claude/plan-ui-redesign-Kw3aM
Mar 12, 2026
Merged

UI redesign: premium native look inspired by Slack/Discord#193
SlayterDev merged 2 commits into
mainfrom
claude/plan-ui-redesign-Kw3aM

Conversation

@SlayterDev
Copy link
Copy Markdown
Owner

@SlayterDev SlayterDev commented Mar 8, 2026

  • Refined color palette with blue-tinted dark surfaces (#070b0f bg, #0c1117 sidebar)
  • Added Inter (sans) + JetBrains Mono (mono) fonts via Google Fonts
  • Redesigned sidebar: Brain icon branding, pill-style active states with rounded
    highlights, grouped nav sections (Workspace/Tools), Settings pinned at bottom
  • Updated all card styles (sheet-card, task-card) with deeper gradients, subtle
    borders, and hover elevation lift effect
  • Improved buttons with stronger opacity, hover lift, and active press states
  • Refined inputs with glass-like background and ring focus style
  • Added .page-header / .page-title / .page-subtitle utility classes for
    consistent page headers across all views
  • Applied page-header pattern with icon + title to Capture, Inbox, Todos,
    Notes, Templates, and Settings pages
  • Thinner scrollbars (6px), smoother animations, JetBrains Mono in code/chat

claude and others added 2 commits March 8, 2026 02:02
- Refined color palette with blue-tinted dark surfaces (#070b0f bg, #0c1117 sidebar)
- Added Inter (sans) + JetBrains Mono (mono) fonts via Google Fonts
- Redesigned sidebar: Brain icon branding, pill-style active states with rounded
  highlights, grouped nav sections (Workspace/Tools), Settings pinned at bottom
- Updated all card styles (sheet-card, task-card) with deeper gradients, subtle
  borders, and hover elevation lift effect
- Improved buttons with stronger opacity, hover lift, and active press states
- Refined inputs with glass-like background and ring focus style
- Added .page-header / .page-title / .page-subtitle utility classes for
  consistent page headers across all views
- Applied page-header pattern with icon + title to Capture, Inbox, Todos,
  Notes, Templates, and Settings pages
- Thinner scrollbars (6px), smoother animations, JetBrains Mono in code/chat

https://claude.ai/code/session_01WuCnEpuskQmH6JysCypYHr
@SlayterDev SlayterDev merged commit cd2d0f2 into main Mar 12, 2026
2 checks passed
@SlayterDev SlayterDev deleted the claude/plan-ui-redesign-Kw3aM branch March 13, 2026 12:40
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.

2 participants