🎨 [ui] Modernize Desktop App UI (Flat / Grayscale Theme)#104
🎨 [ui] Modernize Desktop App UI (Flat / Grayscale Theme)#104iotserver24 wants to merge 2 commits into
Conversation
Updates the XibeCode Desktop UI to follow a sleeker, flatter, grayscale aesthetic similar to tools like Claude Desktop or Cursor. - Flattens the color scheme globally in `global.css` with zinc-based hexes, muting the purple accent to a subtle gray. - Redesigns `MessageBubble` to strip heavy backgrounds from assistant messages and reduces border-radius on user messages. - Flattens the `ChatPanel` input bar from a "floating pill" to a solid `rounded-xl` block. - Simplifies the new chat empty state, removing loud icons and solid button backgrounds in favor of simple text and borders. - Refines App shell layout, thinning out the header and removing harsh borders/shadows from the history sidebar in `ChatHistory`.
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
…rity path traversal vulnerability
This PR implements a cohesive UI refresh for the desktop application, aligning it with modern AI IDE aesthetics (like Claude and Cursor).
Changes:
global.css, muting the primary brand color to a softer gray.rounded-xlflat input bar.h-12->h-10) and flattened theChatHistorysidebar items by removing drop shadows and excessive active borders.All tests have been run and verified. Temporary UI testing artifacts (screenshot scripts) were cleaned up prior to commit.
PR created automatically by Jules for task 3670947229863488499 started by @iotserver24