Remove all gradients from the UI#2422
Closed
gary149 wants to merge 3 commits into
Closed
Conversation
Replace every gradient with a flat equivalent: - Tailwind bg-linear-to-* backgrounds (nav menu, settings nav, modals, chat input area, message bubbles, MCP server cards, error page) now use solid colors - Toast red glow and ArtifactPanel streaming fade overlay removed - router-shimmer / thinking-shimmer text gradients replaced with a solid color + opacity pulse animation - OpenReasoningResults streaming fade mask removed (viewport still clips overflow); test updated accordingly - StopGeneratingBtn conic-gradient ring replaced with a border spinner - SVG icon gradients (IconPro, IconOmni, IconDazzled, IconSun) replaced with solid fills Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017JwxC6tt4jEVSBKNoQoYbz
Bring back the pieces that read as loading/fade affordances rather than decoration: toast glow, artifact streaming fade, router/thinking shimmer, reasoning fade mask (and its test), stop-button spinner ring, and the icon gradients (IconPro, IconOmni, IconDazzled, IconSun). The flat backgrounds from the previous commit stay: nav menu, settings nav, modals, chat input area, message bubbles, MCP server cards, and the error page. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017JwxC6tt4jEVSBKNoQoYbz
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.
Replace every gradient with a flat equivalent:
chat input area, message bubbles, MCP server cards, error page) now
use solid colors
solid color + opacity pulse animation
clips overflow); test updated accordingly
replaced with solid fills
Co-Authored-By: Claude Fable 5 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_017JwxC6tt4jEVSBKNoQoYbz