Skip to content

优化前端暗黑模式和画图聊天滚动体验#179

Merged
basketikun merged 1 commit into
basketikun:mainfrom
xiaoyiluck666:codex/dark-mode-image-scroll
May 23, 2026
Merged

优化前端暗黑模式和画图聊天滚动体验#179
basketikun merged 1 commit into
basketikun:mainfrom
xiaoyiluck666:codex/dark-mode-image-scroll

Conversation

@xiaoyiluck666
Copy link
Copy Markdown

改动说明

  • 增加前端暗黑模式:新增首屏主题脚本和导航栏/登录页主题切换按钮,主题偏好保存到 localStorage,避免页面加载时闪烁。
  • 补充暗黑模式下的全局样式适配:覆盖主要白色卡片、边框、文本、占位符和阴影表现,让现有页面在深色背景下保持可读。
  • 优化画图页面输入框在暗黑模式下的背景、边框、文字和底部渐变,避免底部控制区仍然发白。
  • 给画图聊天结果区增加类似 ChatGPT 的“回到最新消息”向下箭头:当用户向上滚动查看历史并离开底部时显示,点击后平滑滚动回最新消息。
  • 调整画图聊天记录滚动逻辑:不再每次会话更新都强制滚到底部;只有切换会话、创建/提交新消息、或用户本来就在底部附近时才自动跟随,用户浏览历史时保持当前位置。
  • 修复图片灯箱触摸辅助函数的类型兼容问题,保证 TypeScript 检查通过。

测试结果

  • 已执行 PATH=/Applications/Codex.app/Contents/Resources:$PATH ./node_modules/.bin/tsc --noEmit,通过。
  • 已执行 docker run --rm -v "$PWD":/app -w /app/web -e NEXT_PUBLIC_APP_VERSION=$(cat VERSION) node:24-alpine sh -lc 'npm install --no-audit --no-fund && npm run build',通过。
  • Next.js 静态构建完成,包含 /image/login/accounts/settings 等页面。

@basketikun basketikun merged commit 730c2a9 into basketikun:main May 23, 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.

3 participants