UI redesign: Linear-inspired design system with light/dark mode#342
Open
timsully wants to merge 3 commits into
Open
UI redesign: Linear-inspired design system with light/dark mode#342timsully wants to merge 3 commits into
timsully wants to merge 3 commits into
Conversation
- Full design token system via CSS custom properties (light default, dark toggle) - Discord-style layout: fixed sidebar with member list, main chat area - Discord-style message grouping: avatar + username header per group, timestamps - Inter font, clean typography, 8px grid spacing - Feather icons (react-icons/fi) throughout for consistency - Redesigned message input: rounded border, centered placeholder, accent send btn - Toast snackbars: position: fixed, centered at top, float above content - New theme toggle (moon/sun) in sidebar header, persisted to localStorage - Settings modal: appearance section with inline theme toggle - All modals redesigned in Linear style: rounded corners, clean headers - User avatars: colored initials circles with status dot, consistent hash-based colors - Bootstrap heavily overridden; kept only for modal accessibility Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Light and dark mode captures of all major views. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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
localStoragereact-icons/fi), 8px grid spacing throughoutposition: fixed, centered at top, float above all contentScreenshots
Light Mode
Dark Mode
Test plan
🤖 Generated with Claude Code