style(shell): 收紧外壳、侧栏与输入框样式（修正版） - #224
Merged
Merged
Conversation
Restyle the top tabs, sidebar lists, chat header and composer on the shared ui-system tokens (28px icon buttons, 16px glyphs, 36px list rows). - Workspace: the main panel floats as a card with a 4px gutter on the right and bottom and all four corners rounded. The shared material plane behind the shell now also paints the gutter and the four corner reveals, so in global wallpaper mode the sidebar, gutter and corners stay one frosted surface painted in a single pass. - Composer: 28px superellipse card with 8px insets, so the round + and send buttons sit concentric with its corners; 34px send button, 36px single-line text box. The card stays frosted: a translucent fill over blur(10px) in bubble mode, and no second blur in panel and immersive, where the input area already frosts the whole strip. - Sidebar rows: hover and selection keep the theme-derived fill-0, selection-bg and item shadow, so the active row follows the theme. - Menus that open from the composer (advanced reply via + or send right-click, model picker) share the card's fill, hairline border and corner, with a soft lift instead of a hard drop shadow; the model menu opens 4px above the card, flush with its right edge. - Light theme: the advanced-reply mini switch knob is centred in its bordered track. - Chat header: 5% hairline divider, voice chat button moved beside the other actions with a 16px icon, "create topic" glyph re-centred. No behaviour changes; chatManager only switches the voice button's display to inline-flex to match the header button layout. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2 of 3 tasks
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.
重新提交 #223（已回退），基于最新
main，一个提交。回退前的问题已修正：blur(10px)；面板/沉浸模式下不再叠加第二层模糊，由输入区统一磨砂。--vcp-ui-selection-bg/--vcp-ui-fill-0，不再用固定灰色。.container::before）一并覆盖间隙和四个角，侧栏、间隙、圆角仍是一次绘制的同一层磨砂。其余与 #223 相同：输入框尺寸与按钮对齐、输入框弹出菜单样式、亮色主题开关圆点居中、标题栏按钮与分割线。
测试：
test:ui-system、test:uiux、check:uiux通过（test-ui-system.mjs中主面板圆角断言同步改为四角）。test:appearance-engine的侧栏玻璃断言在main上同样失败，非本 PR 引入。🤖 Generated with Claude Code