Skip to content

style(components): add dark theme tokens for dropdown and suggestion surfaces#348

Open
SonyLeo wants to merge 2 commits into
opentiny:developfrom
SonyLeo:style/dropdown-flow-suggestion-theme-tokens
Open

style(components): add dark theme tokens for dropdown and suggestion surfaces#348
SonyLeo wants to merge 2 commits into
opentiny:developfrom
SonyLeo:style/dropdown-flow-suggestion-theme-tokens

Conversation

@SonyLeo
Copy link
Copy Markdown
Collaborator

@SonyLeo SonyLeo commented May 20, 2026

dropdown 和 suggestion 暗色适配

文档预览👉

截图对比

修改前
image
image
image

修改后
image
image
image

  • 为 dropdown、flow layout、suggestion popover、tooltip、suggestion pills 补充统一主题 token。
  • 清理组件内硬编码颜色,改为复用 variables.css 中的全局变量。
  • 优化暗色模式下 suggestion pill 的背景和 hover 对比度。

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 20, 2026

Warning

Rate limit exceeded

@SonyLeo has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 58 minutes and 30 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8a680c76-ae1f-4e68-9cbd-3adc440bc88f

📥 Commits

Reviewing files that changed from the base of the PR and between 6ab87ee and 9584518.

📒 Files selected for processing (9)
  • packages/components/src/dropdown-menu/index.vue
  • packages/components/src/flow-layout-buttons/index.vue
  • packages/components/src/styles/variables.css
  • packages/components/src/suggestion-pills/components/PillButton.vue
  • packages/components/src/suggestion-pills/index.vue
  • packages/components/src/suggestion-popover/components/Header.vue
  • packages/components/src/suggestion-popover/components/Loading.vue
  • packages/components/src/suggestion-popover/components/Tooltip.vue
  • packages/components/src/suggestion-popover/index.vue
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@SonyLeo SonyLeo marked this pull request as ready for review May 21, 2026 08:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants