fix: prevent capability chip styles from leaking into dark theme

[Sisyphbaous-DT-Project]

AstrBot v4.27.1 can render WebUI text and icons in teal after switching to dark mode. The dark-mode overrides in CapabilitySourceChip.vue used :global() only around the theme ancestor. With the currently locked Vue 3.3.4 compiler, selectors such as:

:global(.v-theme--PurpleThemeDark) .capability-source-chip--mixed

were emitted as a bare .v-theme--PurpleThemeDark selector. The last override therefore applied color: #80cbc4 !important to the entire dark theme container instead of only the mixed capability source chip.

Modifications / 改动点

• Wrap the complete dark-theme ancestor and capability chip descendant selector in :global() for the plugin, mcp, local, preset, and mixed tones.

• Preserve all existing chip colors while preventing them from being inherited by unrelated WebUI content.

• Keep the light theme, theme color definitions, public APIs, dependencies, and generated files unchanged.

• This is NOT a breaking change. / 这不是一个破坏性变更。

Screenshots or Test Results / 运行截图或测试结果

Manual verification on Windows:

• Light mode retains its existing blue color scheme.
• Dark mode text and icons no longer inherit the mixed chip's teal color.
• Dark mode primary elements use the configured blue theme color.
• Repeated light-to-dark theme switching does not leave stale colors.

Automated and build verification:

node --test tests/*.test.mjs
36 tests passed, 0 failed

npx -y pnpm@10.28.2 run build
Production build completed successfully (3,793 modules transformed)

The generated CapabilitySourceChip-*.css contains all five descendant selectors, contains no bare .v-theme--PurpleThemeDark { color: ... } rule, and applies #80cbc4 only to .capability-source-chip--mixed.

---

Checklist / 检查清单

• N/A: this PR fixes a regression and does not add a new feature.
• The change has been tested, and the verification steps and results are provided above.
• No new dependencies are introduced.
• The change does not introduce malicious code.

[dosubot]

📄 Knowledge review

Dosu skipped reviewing this PR because your organization has used its 200 included credits for the month. Your usage will reset on 2026-09-01. To have Dosu review this PR before then, ask your organization admin to upgrade to a pro account.

---

[sourcery-ai]

Hey - I've reviewed your changes and they look great!

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[Soulter]

already fixed in #9541