Skip to content

feat: add custom theme color, 增加自定义配色风格 - #151

Closed
forcemeter wants to merge 1 commit into
TencentCloud:mainfrom
forcemeter:feature/custom-theme
Closed

feat: add custom theme color, 增加自定义配色风格#151
forcemeter wants to merge 1 commit into
TencentCloud:mainfrom
forcemeter:feature/custom-theme

Conversation

@forcemeter

Copy link
Copy Markdown

Summary

为 Dashboard 增加与浅色/深色正交的**品牌配色(palette)**切换能力:在现有 data-theme + CSS 变量体系上扩展 data-palette,账号菜单新增配色色点选择,偏好仅存 localStorageoctop:ui-palette)。

五套配色:玫瑰(默认 #E85D75)、科技(#4B74FA)、翠绿、琥珀、石墨。Ant Design colorPrimary、聊天输入框/气泡/侧栏高亮、发送按钮等品牌色改为跟随 CSS 变量;清理聊天与 Memory/TokenUsage 等处硬编码粉红,避免换配色后仍露粉。

Target branch

  • Base is develop (feature / fix — default)
  • Base is main (release/* or hotfix/* only)

Type of change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation
  • Refactor / chore
  • Release / hotfix

Test plan

  • make all passes locally
  • Added/updated tests
  • cd dashboard && ./node_modules/.bin/tsc --noEmit passes
  • Manual: 账号菜单 → 外观 / 配色,切换 5 套配色 × 浅/深色,确认侧栏激活态、输入框 focus 边框、发送按钮、用户气泡、Ant 主按钮跟随
  • Manual: 刷新后配色仍保留(localStorage key octop:ui-palette
  • Manual: 默认仍为玫瑰,与升级前观感一致

Checklist

  • Updated CHANGELOG.md (if user-facing)
  • README / docs updated (if needed)

Suggested title: feat(dashboard): add custom brand color palettes

Branch: feature/custom-themedevelop

@forcemeter forcemeter changed the title 增加自定义配色风格, add custom theme color feat: add custom theme color, 增加自定义配色风格 Aug 3, 2026
@forcemeter

Copy link
Copy Markdown
Author
image image

@forcemeter forcemeter closed this Aug 7, 2026
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