feat: 浅色/暗色主题并支持跟随系统
顶栏循环切换，localStorage 记忆；head 内联脚本避免首屏闪烁。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -12,7 +12,7 @@
|
||||
## A. 浏览与布局
|
||||
|
||||
- [x] 三栏布局：左导航 / 中 Feed / 右栏小组件 — SSR（桌面；≤900px 隐藏右栏）
|
||||
- [ ] 浅色 / 暗色主题；跟随系统偏好并本地记忆
|
||||
- [x] 浅色 / 暗色主题；跟随系统偏好并本地记忆 — `data-theme` + `localStorage`（`j13-theme`）；顶栏循环：跟随系统 / 浅色 / 暗色
|
||||
- [ ] 响应式：平板/手机收起侧栏
|
||||
- [ ] 长列表虚拟滚动或等价流畅方案
|
||||
- [x] Feed 排序：`latest`（最新发帖）/ `reply`（最新回复）/ `hot`（热门）
|
||||
|
||||
@@ -105,7 +105,10 @@
|
||||
|
||||
### 2.5 主题
|
||||
|
||||
- 浅色 / 暗色；`localStorage` 记忆；可跟随系统
|
||||
- 浅色 / 暗色；默认 **跟随系统**；`localStorage` 键 `j13-theme`（`system` | `light` | `dark`）
|
||||
- `<html data-theme="light|dark" data-theme-pref="…">`；`<head>` 内联脚本防首屏闪烁
|
||||
- 顶栏按钮循环切换；系统偏好变化时在 `system` 模式下即时更新
|
||||
- 兼容旧 SPA 仅存 `light`/`dark` 的值
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
|
||||
| 项 | 值 |
|
||||
|----|-----|
|
||||
| **上一刀** | Markdown 编辑器（工具栏 + 预览，共用 md_editor） |
|
||||
| **下一刀** | 需点名（OIDC / S3 / Gitea / 主题 / 表格表情…） |
|
||||
| **上一刀** | 浅色/暗色主题（跟随系统 + localStorage） |
|
||||
| **下一刀** | 需点名（OIDC / S3 / Gitea / 表格表情…） |
|
||||
| **工作区** | 应干净 |
|
||||
|
||||
---
|
||||
|
||||
## 一句话状态
|
||||
|
||||
核心论坛、Admin、Limits/伪静态、嵌套评论、**Markdown 编辑器**已齐。TipTap / 表格 / 表情贴纸仍后置。
|
||||
核心论坛、Admin、Limits/伪静态、嵌套评论、Markdown 编辑器、**主题**已齐。余量多为后置与体验打磨。
|
||||
|
||||
---
|
||||
|
||||
@@ -30,12 +30,13 @@
|
||||
| Limits / 伪静态 / 品牌图 | 已迁 |
|
||||
| 评论嵌套树 UI | 已迁 |
|
||||
| Markdown 工具栏 + preview | 已迁 |
|
||||
| 浅色 / 暗色 / 跟随系统 | 已迁 |
|
||||
|
||||
---
|
||||
|
||||
## 未完成
|
||||
|
||||
- P3：主题、TipTip、游客评论、修订 diff
|
||||
- P3：TipTip、游客评论、修订 diff、响应式侧栏抽屉
|
||||
- 编辑器后置：TipTap、表格、图片组、表情贴纸
|
||||
- 后置：OIDC、S3 热切换、Gitea `/projects`
|
||||
|
||||
|
||||
Reference in New Issue
Block a user