Skip to content

refactor: 编辑极简主义设计风格重构 + 暖色人文主义配色迁移#38

Open
Refac7 wants to merge 3 commits into
mainfrom
dev
Open

refactor: 编辑极简主义设计风格重构 + 暖色人文主义配色迁移#38
Refac7 wants to merge 3 commits into
mainfrom
dev

Conversation

@Refac7

@Refac7 Refac7 commented Jun 25, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • 移除卡片悬浮效果(useCardHover),所有组件从卡片式 UI 转向底线分隔式极简布局
  • 色彩系统从 Catppuccin 迁移至 Claude 风格暖色人文主义配色(暖珊瑚品牌色、奶白画布、暖墨文字)
  • 字体调整:IBM Plex Mono → JetBrains Mono,Playfair Display → Crimson Pro
  • 页面宽度统一为 14vw 边距,新增 fadeUp/scaleY/fadeIn 全局动画及 prefers-reduced-motion 支持
  • 首页组件重构为文字内容展示,精简配置项并移除未使用页面

Changes

Area Files Lines
色彩系统 color.css, default.css, style.css +300/-250
组件样式 about, postCard, Statistics, TagChip, layout 等 +356/-691
配置 config.ts, applyCssVars.ts ~10
移除 useCardHover.ts, manager.vue, musics.md, photos.md -274

Test

  • 本地构建通过
  • 亮色/暗色模式视觉检查

Refac7 added 3 commits June 25, 2026 17:30
- 移除背景图片配置,改用文字内容展示
- 添加英雄区域组件,包含作者、标题、分隔线和描述
- 新增滚动指示器组件
- 改进响应式设计和动画效果
- 优化样式结构和代码可读性
- 移除 useCardHover 工具函数及所有组件中的悬浮事件监听
- 新增编辑极简主义设计 tokens(字体、间距、动画、装饰线)
- 卡片式 UI 改为底线分隔式布局,去除边框、阴影和圆角
- 字体调整为 Playfair Display,全局降低字重至 400
- 页面宽度统一为 14vw 边距,移动端适配 8vw
- 添加 fadeUp/scaleY/fadeIn 全局动画及 prefers-reduced-motion 支持
- 精简配置项和移除未使用的页面
- 替换 oklch Catppuccin 调色板为 hex 暖色体系(#faf9f5 画布、#e6dfd8 边线、#141413 墨色文字)
- 品牌色从紫色 (hue 280) 转为暖珊瑚色 (hue 16),深色模式同步适配
- 字体调整:IBM Plex Mono → JetBrains Mono,Playfair Display → Crimson Pro
- 阴影系统改为低透明度暖色投影,动画缓动更舒缓
- 移除所有 Catppuccin Latte/Mocha CSS 变量,精简语义色定义
@vercel

vercel Bot commented Jun 25, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
miracle Ready Ready Preview, Comment Jun 25, 2026 10:47am

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