Skip to content

feat: 新增深色模式支持 - #1

Open
Bananayx wants to merge 2 commits into
wangzhidong2:mainfrom
Bananayx:main
Open

feat: 新增深色模式支持#1
Bananayx wants to merge 2 commits into
wangzhidong2:mainfrom
Bananayx:main

Conversation

@Bananayx

@Bananayx Bananayx commented Aug 6, 2026

Copy link
Copy Markdown

概述

  • 实现了完整的深色模式,用户可在设置页「外观」一键切换
  • 偏好通过 localStorage 持久化,刷新后自动恢复

变更内容

层面 内容
CSS 变量 新增 :root[data-theme="dark"] 覆盖 14 个设计令牌(背景、边框、文字、主题色)
CSS 变量 新增 --cp-hover / --cp-active 控制全局悬停/激活态背景
CSS 硬编码 20+ 处 #ebebeb / #d1d1d1 等硬编码色值替换为变量引用
组件适配 17 条 [data-theme="dark"] 覆盖规则(设置导航、徽章、ComboBox、组长标签等)
设置页 UI 「外观 → 深色模式」从占位改为实际切换按钮
JS applyDarkMode() / toggleDarkMode() + localStorage 读写

截图

原浅色模式
image
深色模式:
image

- 在 LICENSE 中补充新的版权声明
- 在 README.md 许可证部分中增加NOTE,明确本项目基于wangzhidong2/ClassPoints项目修改
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.

1 participant