Redesign McpMux glyph to simplified dots + bold M layout - #66
Merged
Conversation
The compacted taskbar icon (dots only, no connecting curves) looks cleaner and more iconic than the full logo with lines, especially at larger sizes. Adopt this as the standard logo across the entire app: - Update mcpmux.svg to use compacted design (dots + bold M, no lines) - Update McpMuxGlyph inline SVG component in App.tsx to match - Regenerate all icon sizes (PNG, ICO, ICNS) from new SVG - Update all 7 screenshots with the new title bar glyph https://claude.ai/code/session_01J4whZ2FE8DHRZJo7tZeW5m
The title bar glyph was rendering gradient-colored elements on a transparent background, looking nothing like the actual app icon. Replace it with a miniature of the real logo: gradient rounded-rect background with white dots + bold M inside. https://claude.ai/code/session_01J4whZ2FE8DHRZJo7tZeW5m
Previous screenshot edits left remnant pixels from the old glyph (at x=29-32 and below the icon). Clear a larger area (x=5..38, y=1..28) before placing the clean icon to remove all artifacts. https://claude.ai/code/session_01J4whZ2FE8DHRZJo7tZeW5m
Scale icon from h-5 (20px) to h-4 (16px) to better match the text-sm text size, matching the proportions on mcpmux.com. Vertically centered at 10px from top in the 36px title bar. https://claude.ai/code/session_01J4whZ2FE8DHRZJo7tZeW5m
Reduces spacing between icon and McpMux text from 8px to 6px for a tighter, more cohesive title bar layout. https://claude.ai/code/session_01J4whZ2FE8DHRZJo7tZeW5m
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
2 participants
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
Simplified the McpMux brand glyph from a complex neural router visualization to a cleaner, more compact design featuring three dots on each side with a bold "M" in the center.
Changes
Implementation Details
https://claude.ai/code/session_01J4whZ2FE8DHRZJo7tZeW5m